知识大全 AJAX实现无限级联动菜单效果

Posted 2022-07-17 菜单

篇首语：旋转木马是这世上最残酷的游戏，彼此追逐，却永远隔着可悲的距离。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 AJAX实现无限级联动菜单效果相关的知识，希望对你有一定的参考价值。

AJAX实现无限级联动菜单效果 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　<> <head> <meta equiv= Content Type content= text/; charset=gb > powered by <meta content= 琥珀[hopesoft] name= author > <title>琥珀网无限级联动菜单[AJAX版]</title> <style type= text/css > body td font family: 宋体; font size: px; </style><script language= JavaScript >function GetResult(str classid)/** GetResult(str classid) * GetResult(str) * 功能:通过XMLHTTP发送请求返回结果 * 参数:str 字符串发送条件;classid 数字菜单级别* 实例:GetResult(document all userid value );* GetResult(str classid) *///定义菜单级数菜单ID数组菜单对应字段数组var MenuIdArr MenuFieldArr MenuClassMenuIdArr= new Array()MenuFieldArr=new Array()MenuClass=

　　MenuIdArr[ ]= sel MenuIdArr[ ]= sel MenuIdArr[ ]= sel MenuIdArr[ ]= sel

　　MenuFieldArr[ ]= name MenuFieldArr[ ]= name MenuFieldArr[ ]= name MenuFieldArr[ ]= name

　　if (window XMLHttpRequest) // Mozilla Safari _request = new XMLHttpRequest(); else if (window ActiveXObject) // IE _request = new ActiveXObject( Microsoft XMLHTTP );

　　var linkurl= ajax_server asp?classid= +classid+ &sel= +str+ &fieldname= +MenuFieldArr[classid+ ]( GET linkurl false);(null);

　　//服务器端处理返回的是经过escape编码的字符串 //在页面显示服务器查询结果

　　var returntxt=unescape()if(returntxt length> )document all ajax innerHTML= 服务器返回结果 <font color= red > +returntxt+ </font> [Powered by AJAX] elsedocument all ajax innerHTML=

　　//通过XMLHTTP返回数据开始构建Select //BuildSel(returntxt eval( document all +MenuIdArr[classid+ ]))BuildSel(returntxt document getElementById(MenuIdArr[classid+ ]))

　　//============更改下下级以下菜单为空==============var kkkfor(kkk=classid+ ;kkk<=MenuClass;kkk++) submenu=document getElementById(MenuIdArr[kkk]) submenu length= submenu options[ ] selected>

　　function BuildSel(str sel)/** BuildSel(str sel) * BuildSel(str sel) * 功能:通过str构建Select * 参数:str 字符串由服务端返回的有特定结构字符串 | 字符串字符串 * 也可为字符串序号|字符串文本字符串序号|字符串文本字符串序号|字符串文本如本例* 参数:sel 要构建的Select* 实例:BuildSel(unescape(oBao responseText) document all sel )* BuildSel(str sel) *///先清空原来的数据 sel options length= ;var arrstr = new Array();arrstr = str split( );//开始构建新的Select sel options add(new Option( 请选择 )); if(str length> ) for(var i= ;i<arrstr length;i++)//分割字符串var subarrstr=new Arraysubarrstr=arrstr[i] split( | )//生成下级菜单sel options add(new Option(subarrstr[ ] subarrstr[ ])); sel options[ ] selected>

　　</script>

cha138/Article/program/net/201311/12909