本文实例讲述了射流研究…简单实现城市二级联动选择插件的方法。分享给大家供大家参考。具体如下：

射流研究…实现的城市联动选择菜单，网上经常见到，不多介绍了，本款城市选择菜单原型基于选择，主要使用Java脚本语言来实现，运用了数组和循环等基础技巧制作完成的。本效果只是为了演示如何实现，里面的数据不全，需要的自己可以添加。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-ejld-city-cha-plug-codes/

具体代码如下：

htmlheadtitleJs城市二级联动选择插件/titlescriptvar城市s=新数组（新数组('南京','淮安','扬州','常州','其它),新数组('北京),新数组('天津),新数组('上海),新数组('其它'));函数scity(pname，cname){var省份=['江苏省','北京','天津','上海','其它'];文件。write(' select id=' pro ' on change=' selectc(this)' name=' pname ' ')；document.write('选项值=' ')选择省份- /option ')为(var I=0；ipro vens。长度；I){文档。写入('选项值=' '省份[i]' ' '省份[I]'/option ')；}文档。write('/select ')；文件。write(' select id=' city ' name=' cname ' ')；document.write('选项值=' ')选择城市-/option ')；文件。write('/select ')；选择c(文档。getelementbyid(' pro ')；} function selectc(pobj){ var index=pobj。selectedindex-1；var cobj=文档。getelementbyid(' city ')；cobj . innerhtml=if(index=0){ for(var I=0；ici tys[索引]。长度；I){ var option=document。创建元素('选项')；var text=城市s[index][I]；option . value=text option . innerhtml=text cobj . appendchild(选项);} } else { var option=document。创建元素('选项')；option . value=option . innerHTMl='-选择城市- ';cobj.appendChild(选项);} }/script/head discript scity(' p '，' c ')；/脚本/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。