码迷,mamicode.com
首页 > Web开发 > 详细

jsp+js省市区三级联动

时间:2019-07-10 01:31:55      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:fun   工业园区   无锡   南京   doc   element   change   function   杭州   

<select id="province">
<option value="-1">请选择</option>
</select>>
<select id="city"></select>>
<select id="town"></select>>
<script>
var provinceArr = [ ‘江苏‘, ‘浙江‘ ];
var cityArr=[[‘南京市‘,‘苏州市‘,‘常州市‘,‘无锡市‘,‘镇江市‘],[‘杭州市‘,‘宁波市‘,‘温州市‘,‘绍兴市‘]];
var townArr=[[[‘玄武区‘,‘秦淮区‘,‘鼓楼区‘,‘建邺区‘,‘雨花台区‘,‘栖霞区‘,‘浦口区‘,‘六合区‘,‘江宁区‘,‘溧水区‘],[‘吴中区‘,‘虎丘区‘,‘工业园区‘],[‘金坛市‘,‘钟楼区‘,‘天宁区‘],[‘梁溪区‘,‘滨湖区‘,‘惠山区‘,‘锡山区‘,‘江阴市‘],[‘京口区‘,‘润州区‘,‘丹徒区‘]],
[[‘上城区‘,‘下城区‘,‘余杭区‘,‘拱墅区‘,‘西湖区‘,‘江干区‘],[‘江东区‘,‘海曙区‘,‘鄞州区‘,‘江北区‘,‘镇海区‘,‘北仑区‘],[‘鹿城区‘,‘龙湾区‘,‘瓯海区‘,‘永嘉县‘],[‘越城区‘,‘柯桥区‘,‘上虞区‘,‘诸暨市‘,‘嵊州市‘,‘新昌县‘]]];
function createOption(obj,dara){
for(var i in dara){
var op=new Option(dara[i],i);
obj.options.add(op);
}
}
var province = document.getElementById("province")
createOption(province,provinceArr);

var city = document.getElementById("city")
province.onchange=function(){
city.options.length=0;
createOption(city,cityArr[province.value]);
}

var town = document.getElementById("town")
city.onchange=function(){
town.options.length=0;
createOption(town,townArr[province.value][city.value]);
}

</script>

jsp+js省市区三级联动

标签:fun   工业园区   无锡   南京   doc   element   change   function   杭州   

原文地址:https://www.cnblogs.com/zhangsblog12345/p/11161276.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!