java json 省市級聯(lián)實(shí)例代碼
// 獲取國家省市區(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);
//這里父類ID為1是城市信息
if(item.parentId == 1){
$("<option value="+item.areaId+">"+item.areaName+"</option>").appendTo(provinceInfo);
}
});
//獲取對應(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);
}
});
});
});
<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>
相關(guān)文章
這篇文章主要介紹了Java多線程饑餓與公平介紹及代碼示例，分析饑餓產(chǎn)生的原因以及相關(guān)實(shí)例，然后就在java中實(shí)現(xiàn)公平性問題做了詳細(xì)解析，具有一定參考價值，需要的朋友可以了解下。2017-11-11
這篇文章主要介紹了mybatis的dtd約束文件及配置文件xml自動提示操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-12-12
SpringBoot3整合mybatis-plus的實(shí)現(xiàn)
MyBatis-Plus是一個MyBatis的增強(qiáng)工具,在MyBatis的基礎(chǔ)上只做增強(qiáng)不做改變,本文主要介紹了Mybatis-Plus3.x的具體使用,具有一定的參考價值,感興趣的可以了解一下2023-10-10
這篇文章主要針對Java基于Socket的文件傳輸案例進(jìn)行詳細(xì)解析，具有一定的參考價值，感興趣的朋友可以參考一下2016-02-02
IDEA打開java項(xiàng)目后里面的java文件不能運(yùn)行解決辦法
這篇文章主要給大家介紹了關(guān)于IDEA打開java項(xiàng)目后里面的java文件不能運(yùn)行的解決辦法,有時候想運(yùn)行別人的項(xiàng)目,但是別人的項(xiàng)目并非IDEA項(xiàng)目(甚至只有源碼),當(dāng)我們打開項(xiàng)目時候,并不能運(yùn)行,需要的朋友可以參考下2023-10-10
fasterxml jackson反序列化時對于非靜態(tài)內(nèi)部類報錯問題及解決
這篇文章主要介紹了fasterxml jackson反序列化時對于非靜態(tài)內(nèi)部類報錯問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-08-08
Java實(shí)戰(zhàn)員工績效管理系統(tǒng)的實(shí)現(xiàn)流程
只學(xué)書上的理論是遠(yuǎn)遠(yuǎn)不夠的，只有在實(shí)戰(zhàn)中才能獲得能力的提升，本篇文章手把手帶你用java+SSM+Mysql+Maven+HTML實(shí)現(xiàn)一個員工績效管理系統(tǒng),大家可以在過程中查缺補(bǔ)漏，提升水平2022-01-01
Spring?Boot如何在加載bean時優(yōu)先選擇我
這篇文章主要介紹了Spring?Boot如何在加載bean時優(yōu)先選擇我,在?Spring?Boot?應(yīng)用程序中，我們可以采取三種方式實(shí)現(xiàn)自己的?bean?優(yōu)先加載，本文通過實(shí)例代碼給大家詳細(xì)講解，需要的朋友可以參考下2023-03-03
Java遞歸基礎(chǔ)與遞歸的宏觀語意實(shí)例分析
這篇文章主要介紹了Java遞歸基礎(chǔ)與遞歸的宏觀語意,結(jié)合實(shí)例形式分析了java遞歸的相關(guān)原理、操作技巧與注意事項(xiàng),需要的朋友可以參考下2020-03-03
Springboot2.0自適應(yīng)效果錯誤響應(yīng)過程解析
這篇文章主要介紹了Springboot2.0自適應(yīng)效果錯誤響應(yīng)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-11-11