js 实现 省市级联
2017-08-10 09:18
295 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript"> var shengArr =new Array(); shengArr["广东"]=["广州","深圳","珠海","汕头","韶关"] ; shengArr["湖南"]=["长沙","张家界","株洲","怀化","常德"] ; shengArr["湖北"]=["武汉","荆州","宜昌","黄冈","仙桃"] ; shengArr["安徽"]=["合肥","黄山"] ; shengArr["河南"]=["郑州","信阳","洛阳"] ; function getSheng(){ var s =document.getElementById("sheng"); for(var v in shengArr){ s.add(new Option(v,v),null); } } function getCity(){ var s =document.getElementById("sheng"); var c =document.getElementById("city"); var v=s.value; c.options.length =0; for(var i in shengArr[v]){ c.add(new Option(shengArr[v][i],shengArr[v][i]),null); } } </script> <!--页面加载时获取 省名--> <body onload="getSheng()"> <!-- 改变省时匹配该省的城市名--> 省:<select id="sheng" onchange="getCity()"> <option>--请选择</option> </select> 市:<select id="city"></select> </body> </html>
相关文章推荐
- Js实现简单的省市级联的效果
- js实现无刷新省市级联
- js、jq、实现全国省市级联
- js 实现 省市县三级级联
- js省市级联实现
- js实现省市级联
- js、jq实现省市级联
- js&&省市级联列表&&分别用数组和JSON实现
- js实现省市级联效果分享
- js中省市级联的实现
- Dynamics CRM 2015 通过JS控制下拉框实现国家省市级联
- 基于外部一个省市联动js框架,实现初始化特定的地址级联
- 用js实现省市级联效果
- AJAX实现省市级联 JS
- 无限级联 下拉框的实现 ... 呜呜呜 __init_xu js 又增加了一个widget
- vuejs初探-省市级联
- Jquery省市级联实现
- 原创:Js解析xml文件并简单实现省市区级联菜单(并解决各浏览器兼容性问题).
- JS控制省市级联