jspjs实现二级联动菜单.docVIP

下载本文档

13
0
约1.98万字
约 21页
2017-03-23 发布于四川
举报
版权申诉

jspjs实现二级联动菜单.doc

1、本文档共21页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
8、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

jsp+js实现的二级联动菜单以前看朋友写二级联动菜单思路都是先取得大类的数据,当选择大类后用url传值的方式传给页面一个值,然后根据这个值从数据库取出相应的小类的值.一直觉得这个思路虽然直接,但好像要频繁的读取数据库,而且如果表单里有多个选项的话,有时候似乎并不方便.到网上找了静态的javascript联动菜单.改了改后,感觉还可以: ? ??? 原javascript代码: ???????? SCRIPT language=javascript !-- var subcat = new Array(); subcat[0] = new Array(no,大类,12)subcat[1] = new Array(pinp,楼宇包装,louy) subcat[2] = new Array(pinp,会场布置,meet)subcat[3] = new Array(pinp,开日庆典,kai)subcat[4] = new Array(pinp,婚庆礼仪,hun)!--changeselect1(5)--function changeselect1(locationid) { ?form1.smallclass.length = 0; //初始化下拉列表清空下拉数据 ?for (i=0; isubcat.length; i++) //legth=20 ?{ ??if (subcat[i][0] == locationid) //[0] [1] 第一列第二列 subcat[i][2]为s2的value值??{???form1.smallclass.options[form1.smallclass.length] = new Option(subcat[i][1], subcat[i][2]);//建立option ??} ?} } //-- /SCRIPT ? ?一级分类：SELECT onChange=changeselect1(this.options[this.selectedIndex].value) name=bigclass ???????? OPTION=请选择=/OPTION? ???????? OPTION value=pinp品牌策划/OPTION???????? OPTION value=design设计印刷/OPTION???????? OPTION value=media户外传媒/OPTION???????? OPTION value=jiag工艺加工/OPTION/SELECT???????? 二级分类：???????? SELECT id=smallclass name=smallclass ???????? /SELECT ? ? ???? 数据库中大类:bigclass:pid,pName ?????????????????????小类:smallclass:psid,pscName,pid 我的思路是:从数据库中取出大类与小类的值,填充在javascript里,这样只须读取一次数据,剩下的事就交给js去处理了. 定义两个ResultSet 对象rssml rsbig.上面JS代码更改后, ? SCRIPT language=javascript !-- var subcat = new Array();%? int h=0;??? while(rssml.next())??? { % ????? ????? subcat[%=h%] = new Array(%= rssml.getInt(pcid)%,%= rssml.getString(pscName) %,%= rssml.getInt(psid) %);???? %h++; } %!--changeselect1(5)--function changeselect1(locationid) { ?form1.smallclass.length = 0; //初始化下拉列表清空下拉数据 ?for (i=0; isubcat.length; i++) //legth=20 ?{ ??if (subcat[i][0] == locationid) //[0] [1] 第一列第二列 subcat[i][2]为s2的value值??{???form1.smallclass.options[form1.smallclass.length] = new Option(subcat[i][1], subcat[i][2]);//建立option ??} ?} } //-- /SCRIPT ? select name=bigclass onChan