代碼如下:
// 獲取國(guó)家省市區(qū)信息
$(document).ready(function(){
//從程序獲取json格式的數(shù)據(jù)
var info = $request.getAttribute("manualOrderAreaInfo");
var provinceInfo = $("#provinceId");
var cityId = $("#cityId");
//清空信息
provinceInfo.empty();
//循環(huán)獲取信息
$.each(info.area, function(idx,item){
if(idx == 0){
return true;
}
//alert("name:"+idx+",areaId:"+item.areaId+",areaName:"+item.areaName+",areaParentId:"+item.parentId);
//這里父類(lèi)ID為1是城市信息
if(item.parentId == 1){
$("<option value="+item.areaId+">"+item.areaName+"</option>").appendTo(provinceInfo);
}
});
//獲取對(duì)應(yīng)的城市信息
$("#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);
}
});
});
});
復(fù)制代碼代碼如下:
<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="--">---請(qǐng)選擇城市信息---</option>
</select>
</td>
</tr>
