ajax三级联动:一个好的Ajax四级联动菜单来源: 发布时间:星期日, 2008年10月19日 浏览:417次 评论:0
朋友说要做个宽带网收费管理系统,拿到VB的源文件发现有个四联动的菜单,之前也每有做过,刚号看到蓝色理想里面有个关于Ajax的四级联动的菜单 我稍微修改了下!为的是更加模块化和好用,贴出来!
一共四个文件 Test_2.asp date.xml prototype.js linkage.js Test_2.asp <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" c /> <title>无标题文档</title> <script src="ChangMenu/prototype.js"></script> <script src="ChangMenu/linkage.js"></script> </head> <body> <table width="90%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC"> <tr bgcolor="F1F1F1"> <td height="24" colspan="4" align="center"><b>示例一 (数据源为外部XML文件)</b></td> </tr> <tr bgcolor="#FFFFFF"> <td height="24" align="center">城市: <select name="city" size="5" id="city" usedata="dataSrc" subclass="1"> </select></td> <td>区县: <select name="country" size="5" id="country" usedata="dataSrc" subclass="2"> </select></td> <td>乡镇: <select name="town" size="5" id="town" usedata="dataSrc" subclass="3"> </select></td> <td>村: <select name="cun" size="5" id="cun" usedata="dataSrc" subclass="4"> </select></td> </tr> <tr bgcolor="F1F1F1"> <td height="24" colspan="4" align="center"><input type="button" value="提交" ></td> </tr> </table> <script language="javascript"> var linkage = new Linkage("dataSrc", "test1.xml"); linkage.BLANK_SELECT = "-------SELECT-------"; linkage.init(); //初始化数据 linkage.initLinkage("dataSrc","01",1); linkage.initLinkage("dataSrc","0103",2); linkage.initLinkage("dataSrc","010303",3); linkage.initLinkage("dataSrc","01030302",4); </script> </body> </html> date.xml <?xml version="1.0" encoding="gb2312"?> <TreeNodes> <TreeNode Desc="北京市" Value="01"> <TreeNode Desc="西城区" Value="0101" /> <TreeNode Desc="东城区" Value="0102"> <TreeNode Desc="温泉镇" Value="010201" /> </TreeNode> <TreeNode Desc="海淀区" Value="0103"> <TreeNode Desc="上庄乡" Value="010301" /> <TreeNode Desc="北安河乡" Value="010302" /> <TreeNode Desc="东北旺乡" Value="010303"> <TreeNode Desc="A村" Value="01030301" /> <TreeNode Desc="B村" Value="01030302" /> <TreeNode Desc="C村" Value="01030303" /> <TreeNode Desc="D村" Value="01030304" /> </TreeNode> </TreeNode> <TreeNode Desc="西城区" Value="0104" /> </TreeNode> <TreeNode Desc="上海市" Value="02"> <TreeNode Desc="徐汇区" Value="0201" /> </TreeNode> <TreeNode Desc="湖北省" Value="03"> <TreeNode Desc="武汉市" Value="0301" /> <TreeNode Desc="天门市" Value="0302"> <TreeNode Desc="渔薪镇" Value="030201" /> <TreeNode Desc="渔薪镇" Value="030202" /> <TreeNode Desc="渔薪镇" Value="030203" /> <TreeNode Desc="渔薪镇" Value="030204" /> </TreeNode> <TreeNode Desc="荆州市" 0
相关文章读者评论发表评论 |