java json 省市級聯實例代碼。本站提示廣大學習愛好者:(java json 省市級聯實例代碼)文章只能為提供參考,不一定能成為您想要的結果。以下是java json 省市級聯實例代碼正文
// 獲得國度省郊區信息
$(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 ><input type="text" value="$!{manualEntryOrder.goodReceiverProvince}" name="manualEntryOrder.goodReceiverProvince" maxlength="255"/></td>-->
<td >
<select id="provinceId" name="staffProvince" >
</select>
</td>
<th >收貨人城市</th>
<td >
<!-- <input type="text" value="$!{manualEntryOrder.goodReceiverCity}" name="manualEntryOrder.goodReceiverCity" maxlength="255"/>-->
<select id="cityId" name="staffProvince" >
<option value="--">---請選擇城市信息---</option>
</select>
</td>
</tr>