JS 省市縣小區聯動

標籤：省份   content   getx   style   ict   charset   comm   json   .text   

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=‘ + 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=‘ + 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 省市縣小區聯動