首页 > 代码库 > 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 省市县小区联动
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。