java json 省市级联
1 // 获取国家省市区信息 2 $(document).ready(function(){ 3 4 //从程序获取json格式的数据 5 var info = $request.getAttribute("manualOrderAreaInfo"); 6 7 8 var provinceInfo = $("#provinceId"); 9 var cityId = $("#cityId"); 10 11 //清空信息 12 provinceInfo.empty(); 13 14 //循环获取信息 15 $.each(info.area, function(idx,item){ 16 if(idx == 0){ 17 return true; 18 } 19 //alert("name:"+idx+",areaId:"+item.areaId+",areaName:"+item.areaName+",areaParentId:"+item.parentId); 20 21 //这里父类ID为1是城市信息 22 if(item.parentId == 1){ 23 $("<option value="+item.areaId+">"+item.areaName+"</option>").appendTo(provinceInfo); 24 } 25 }); 26 //获取对应的城市信息 27 $("#provinceId").change(function(){ 28 var tempInfo = $("#provinceId").val(); 29 cityId.empty(); 30 $.each(info.area, function(indexInfo,item){ 31 if(indexInfo == 0){ 32 return true; 33 } 34 if(item.parentId == tempInfo){ 35 $("<option value="+item.areaId+">"+item.areaName+"</option>").appendTo(cityId); 36 } 37 }); 38 }); 39 });
<tr> <th style="width:120px;">收货人省份</th> <!-- <td style="width:270px;"><input type="text" value="$!{manualEntryOrder.goodReceiverProvince}" name="manualEntryOrder.goodReceiverProvince" style="width:150px;" maxlength="255"/></td>--> <td style="width: 270px;"> <select id="provinceId" name="staffProvince" style="width: 154px;"> </select> </td> <th style="width:140px;">收货人城市</th> <td style="width:270px;"> <!-- <input type="text" value="$!{manualEntryOrder.goodReceiverCity}" name="manualEntryOrder.goodReceiverCity" style="width:150px;" maxlength="255"/>--> <select id="cityId" name="staffProvince" style="width: 154px;"> <option value="--">---请选择城市信息---</option> </select> </td> </tr>