首页 > 代码库 > JS 省市县小区联动

JS 省市县小区联动

function ShengList() {
    //alert("准备展示省份并调用市");
    $.ajax({
        url: /City/GetProvcnList,
        dataType: json,
        contentType: application/json;charset=utf-8,
        success: function (data) {
            var ProvcnStr = "";
            $("#CityAreaIds").html("");
            $.each(data, function (i, o) {
                ProvcnStr += <option> + o.provcn + </option>;
            });
            $("#CityAreaIds").html(ProvcnStr);
            ShiList($("#CityAreaIds").find("option:selected").text());
        }
    });
};
function ShiList(provcn) {
    //alert("准备展示市区并调用县");
    $.ajax({
        data: { "provcn": provcn },
        url: /City/GetCitylist,
        dataType: json,
        contentType: application/json;charset=utf-8,
        success: function (data) {
            var districtcnStr = "";
            $("#City").html("");
            $.each(data, function (i, o) {
                districtcnStr += <option> + o.districtcn + </option>;
            });
            $("#City").html(districtcnStr);
            XianList($("#City").find("option:selected").text());
        }
    });
};
function XianList(districtcn) {
    //alert("准备展示县区");
    $.ajax({
        data: { "districtcn": districtcn },
        url: /City/GetXanlist,
        dataType: json,
        contentType: application/json;charset=utf-8,
        success: function (data) {
            var namecnStr = "";
            $("#CityAreaId").html("");
            $.each(data, function (i, o) {
                namecnStr += <option value=http://www.mamicode.com/ + o.areaid +  > + o.namecn + </option>;
            });
            $("#CityAreaId").html(namecnStr);
            judge($(#CityAreaId option:selected).val());
            //getXhpro($(‘#CityAreaId option:selected‘).val());
        }
    });
};
function judge(CityAreaId) {//根据县查询所有的小区
    $.ajax({
        url: /City/GetVillagnamelist,
        dataType: json,
        data: { "city_areaid": CityAreaId },
        contentType: application/json;charset=utf-8,
        success: function (data) {
            var xiaoquStr = "";
            $("#Community").html("");
            $.each(data, function (i, o) {
                xiaoquStr += <option  value=http://www.mamicode.com/ + o.id + > + o.name + </option>;
            });
            $("#Community").html(xiaoquStr);
        }
    });
};
$(function () {
    ShengList();

    $("#CityAreaIds").change(function () {
        ShiList($(this).val());
    });
    $("#City").change(function () {
        XianList($(#City option:selected).text());
    });
    $("#CityAreaId").change(function () {
        judge($(#CityAreaId option:selected).val());
        getXhpro($(this).val());
    });

});

 

JS 省市县小区联动