教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js json省市二级联动菜单(json select)

js json省市二级联动菜单(json select)

发布时间:2016-10-18   编辑:jiaochengji.com
教程集为您提供js json省市二级联动菜单(json select)等资源,欢迎您收藏本站,我们将为您提供最新的js json省市二级联动菜单(json select)资源
js json省市二级联动菜单(json select)
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>test</title> <script> var areaList={ "v100":[["选择城区"],["东城区"],["西城区"],["崇文区"],["宣武区"],["朝阳区"],["丰台区" ],["石景山区" ],["海淀区" ],["门头沟区" ],["房山区" ],["通州区" ],["顺义区" ],["延庆县" ],["昌平县" ],["怀柔县" ],["密云县" ],["平谷县" ],["大兴县" ]], "v200":[["选择城区"],["和平区" ],["河东区" ],["河西区" ],["南开区" ],["河北区" ],["红桥区" ],["塘沽区" ],["大港区" ],["汉沽区" ],["东丽区" ],["西青区" ],["津南区" ],["北辰区" ],["蓟县","22"],["宝坻县" ],["武清县" ],["宁河县" ],["静海县" ]], "v300":[["选择城区"],["南市区" ],["卢湾区" ],["徐汇区" ],["长宁区" ],["静安区" ],["普陀区" ],["闸北区" ],["虹口区" ],["杨浦区" ],["闵行区" ],["宝山区" ],["嘉定区" ],["浦东新区" ],["金山区" ],["松江区" ],["崇明县" ],["青浦县" ],["南汇县" ],["奉贤县" ],["黄浦区" ]] }; function province_change(v){ var city = document.getElementById("city"); city.innerHTML = ""; eval("var citys = areaList.v" v ";"); for(var i=0;i<citys.length;i ){ city.add(new Option(citys[i],citys[i])); } }
<table align=right border=0 style="height:150; width:100%"> <tr> <td nowrap align=right>所在省份: </td> <td> <select name=province id=province style="width:100px" onchange="province_change(this.value)"> <option value=100>北京</option> <option value=200>天津</option> <option value=300>上海</option> </select> </td> <td nowrap align=right>所在城市: </td> <td> <select name=city id=city></select> </td> </tr> </table>
</body> </html> </textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
基于json的jquery地区联动效果代码
js json省市二级联动菜单(json select)
javascript 省市二级联动菜单代码(select 联动)
javascript二级联动多选菜单实现程序
jquery 实现二级/三级/多级联动菜单的思路及代码
jquery 二级/三级与多级联动菜单实现代码
基于jquery & json的省市区联动代码
js二级联动菜单
js全国城市三级联动菜单代码
简单实用jquery版三级联动select示例

[关闭]
~ ~