ajax省市区联动selec2

$(function () {
        // 初始化省市区
        initAddress();
        // 更改省份后的操作
        $("select[name='province']").change(function() {
            var provCode = $("select[name='province']").val();
            getCity(provCode);
        });
        // 更改城市后的操作
        $("select[name='city']").change(function() {
            var cityCode = $("select[name='city']").val();
            getArea(cityCode);
        });
    function initAddress() {
        var firstProvCode;
        // ajax请求所有省份
            $.ajax({
                type:"post",
                url:"../js/json.json",
                data:{"id":"id"},
                dataType:"json",
                success: function (data) { //返回json结果
                    $.each(data, function(i, d) {
                        $("select[name='province']").append(
                            "<option value='"+d.id+"'>" + d.name
                            + "</option>");
                    });
                    // 获取第一个省份的code
                    firstProvCode = data[0].id;
                    // 根据第一个省份code获取对应城市列表
                    // getCity(firstProvCode);'/
                }
            })
    }

    //获取对应城市列表(里面包括获取第一个城市的区县列表)
    function getCity() {
        var firstCityCode;
        // ajax请求所有市级单位
        $.ajax({
            type:"post",
            url:"../js/city.json",
            data:{"id":"id"},
            dataType:"json",
            success: function (data) { //返回json结果
                // 先清空城市下拉框
                $("select[name='city']").empty();
                $.each(data, function(i, d) {
                    $("select[name='city']").append(
                        "<option value='"+d.id+"'>" + d.name
                        + "</option>");
                });
                // 获取第一个城市的code
                firstCityCode = data[0].id;
                // 根据第一个城市code获取对应区县列表
                getArea(firstCityCode);
            }
        })
    }
    function getArea(cityCode) {
        // ajax请求所有区县单位
        $.ajax({
            type:"post",
            url:"../js/area.json",
            data:{"id":"id"},
            dataType:"json",
            success: function (data) { //返回json结果
                // 先清空区县下拉框
                $("select[name='area']").empty();
                $.each(data, function(i, d) {
                    $("select[name='area']").append(
                        "<option value='"+d.id+"'>" + d.name
                        + "</option>");
                });
            }
        })
    }
    $(".select-address").select2({
        width: 'resolve'
    })
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值