国家,省,市ajax级联加载列表js

//选择国家
    $("#selCountry").change(function(){
        var cntryId = $(this).val();
        if(cntryId !=0){
             //国家改变,清空已加载的省份
             $("#selProvince option[value!=0]").remove();
                
             $.ajax({
                type: "GET",
                url: ctx +"/place/getProvinceByCntryId",
                data: {"cntryId":cntryId},
                dataType:"json",
                success:function(data){
                    var strJson = eval(data);
                    var strHtml = '';
                    for(var i = 0;i<strJson.length;i++){
                         strHtml +='<option value="';
                         strHtml += strJson[i].prvnceId+'"';
                         strHtml +='>';
                         strHtml += strJson[i].prvnceName+'</option>';
                    }
                    $("#selProvince").append(strHtml);
                }
            });
        }else{//国家变为待选择,省份和城市列表清空都为待选择
            $("#selProvince option[value!=0]").remove();
            $("#selCity option[value!=0]").remove();
        }
    });
    
    //选择省份
    $("#selProvince").change(function(){
        var prvnceId = $(this).val();
        if(prvnceId !=0){
             //省份改变,清空已加载的城市
            $("#selCity option[value!=0]").remove();
            
            $.ajax({
                type: "GET",
                url: ctx +"/place/getCityByPrvnceId",
                data: {"prvnceId":prvnceId},
                dataType:"json",
                success:function(data){
                    var strJson = eval(data);
                    var strHtml = '';
                    for(var i = 0;i<strJson.length;i++){
                         strHtml +='<option value="';
                         strHtml += strJson[i].cityId+'"';
                         strHtml +='>';
                         strHtml += strJson[i].cityName+'</option>';
                    }
                    $("#selCity").append(strHtml);
                }
            });
        }else{//省份为待选择,城市列表清空变为待选择
            $("#selCity option[value!=0]").remove();
        }
    });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值