java json 省市级联

最新推荐文章于 2022-07-11 10:58:33 发布

bangxian8451

最新推荐文章于 2022-07-11 10:58:33 发布

阅读量114

点赞数

原文链接：http://www.cnblogs.com/panyf/p/4831837.html

版权

// 获取国家省市区信息
$(document).ready(function(){

//从程序获取json格式的数据
var info = $request.getAttribute("manualOrderAreaInfo");

var provinceInfo = $("#provinceId");
var cityId = $("#cityId");

//清空信息
provinceInfo.empty();

//循环获取信息
$.each(info.area, function(idx,item){
if(idx == 0){
return true;
}
//alert("name:"+idx+",areaId:"+item.areaId+",areaName:"+item.areaName+",areaParentId:"+item.parentId);

//这里父类ID为1是城市信息
if(item.parentId == 1){
$("<option value="+item.areaId+">"+item.areaName+"</option>").appendTo(provinceInfo);
}
});
//获取对应的城市信息
$("#provinceId").change(function(){
var tempInfo = $("#provinceId").val();
cityId.empty();
$.each(info.area, function(indexInfo,item){
if(indexInfo == 0){
return true;
}
if(item.parentId == tempInfo){
$("<option value="+item.areaId+">"+item.areaName+"</option>").appendTo(cityId);
}
});
});
});