省级联动二联动

Html

Css

省际联动

var pro = document.getElementById('pro');
var city = document.getElementById('city');
var shansan = document.getElementById('shansan');
//准备数据
var proList = ['江苏', '浙江', '安徽', '黑龙江'];
var cityList = [];
cityList[0] = ['南京', '苏州', '扬州', '无锡', '泰州', '连云港'];
cityList[1] = ['杭州', '温州', '宁波', '绍兴', '金华'];
cityList[2] = ['合肥', '宣城', '芜湖', '安庆', '亳州'];
cityList[3] = ['哈尔滨', '齐齐哈尔', '牡', '丹江', '佳木斯', '加格达奇'];
var shansanList = [];
shansanList[0] = ['芜湖', '齐齐哈尔', '牡丹江', '牡丹江', '无锡'];

//初始化  添加省份options
for (var i = 0; i < proList.length; i++) {
    pro.add(new Option(proList[i], i));
}

pro.onchange = function() {
    city.length = 0;
    var inter = pro.value;
    var cityst = cityList[inter];
    for (var i = 0; i < cityst.length; i++) {

city.add(new Option(cityst[i], i));
    }

}
city.onchange = function() {
    var value = city.value;

var shan = shansanList[value];

for (var i = 0; i < shanList.length; i++) {
        shansan.add(new Option(shan[i], i));

}
}
pro.onchange();
city.onchange();

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

省级联动二联动



代码描述：省级联动二联动

先定义准备数据, 再初始化添加省份用for循环来完成遍历

1

最新

发表评论全部评论

暂时没有评论！

insist0

2018/1/4 14:54:02

很好很实用
回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

未离开。

相关代码

省际联动

省级联动二联动

最新