JS省级联动代码

var provid = document.getElementById("selectid");//省id
var cityid = document.getElementById("addid");//市id
    var province =[{"name":"湖北","value":1000},
                   {"name":"广东","value":2000},
                   {"name":"江苏","value":3000}];
    
    var citys = [{"name":"武汉","value":1001,"provin":1000},
                 {"name":"宜昌","value":1002,"provin":1000},
                
                 {"name":"广州","value":2001,"provin":2000},
                 {"name":"深圳","value":2002,"provin":2000},
                
                 {"name":"南京","value":3001,"provin":3000},
                 {"name":"苏州","value":3002,"provin":3000}];
    
    var prov = "<option selected='selected' value='-1'>--请选择省份--</option>";
    for (var i = 0;i < province.length ;i++ ) {
        var name = province[i].name;
        var value = province[i].value;
        prov += "<option value="+'"'+value+'"'+">"+name+"</option>";
    }
    provid.innerHTML=prov;

function city(){
    var pv = provid.value;
    //alert("地址:"+pv);
    if (pv==-1) {
        var city1 = "<option selected='selected' value='-1'>--请选择城市--</option>";
        cityid.innerHTML=city1;
    }else {
        var city2 = "<option selected='selected' value='-1'>--请选择城市--</option>";
        for (var i=0;i < citys.length ;i++ ) {
            //根据省的地址值,找到城市
            if (pv==citys[i].provin) {
                var zname = citys[i].name;
                var zvalue = citys[i].value;
                city2 += "<option value="+'"'+zvalue+'"'+">"+zname+"</option>";
                cityid.innerHTML=city2;
            }
        }
    }
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值