java json 省市级联实例代码
java json 省市级联实例代码
发布时间:2016-12-28 来源:查字典编辑
摘要:复制代码代码如下://获取国家省市区信息$(document).ready(function(){//从程序获取json格式的数据varin...

复制代码 代码如下:

// 获取国家省市区信息

$(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);

}

});

});

});

复制代码 代码如下:

<tr>

<th>收货人省份</th>

<>

<td>

<select id="provinceId" name="staffProvince">

</select>

</td>

<th>收货人城市</th>

<td>

<>

<select id="cityId" name="staffProvince">

<option value="--">---请选择城市信息---</option>

</select>

</td>

</tr>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Java学习
热门Java学习
编程开发子分类