// 获取国家省市区信息 $(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 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>
Pour plus d'articles liés aux exemples de codes en cascade provinciaux et municipaux Java JSON, veuillez faire attention au site Web PHP chinois !