java json 省市級聯(lián)實例代碼
// 獲取國家省市區(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)文章
解決使用httpclient傳遞json數(shù)據(jù)亂碼的問題
這篇文章主要介紹了解決使用httpclient傳遞json數(shù)據(jù)亂碼的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2021-01-01
由于?Spring?擁有對象的管理權(quán)，所以我們也需要擁有較為高效的對象存儲和取出的手段，下面我們來分別總結(jié)一下，對Spring?中?Bean?對象的存儲和取出知識感興趣的朋友跟隨小編一起看看吧2022-11-11
Java 是一門面向?qū)ο蟮木幊陶Z言，面向?qū)ο蟮木幊陶Z言有四大特征：抽象、封裝、繼承和多態(tài)。本文介紹的接口和抽象類就是面向?qū)ο缶幊讨小俺橄蟆钡木唧w實現(xiàn)。本文也將為大家詳細講一下二者的區(qū)別，需要的可以參考一下2021-12-12
SpringBoot自動裝配Condition的實現(xiàn)方式
這篇文章主要介紹了SpringBoot自動裝配Condition的實現(xiàn)方式,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-08-08
這篇文章給大家介紹了代碼縮進用空格還是Tab？（IDEA中設(shè)置Tab健為4個空格）的相關(guān)知識，本文給大家介紹的非常詳細，對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友參考下吧2021-03-03
Java使用阿里云接口進行身份證實名認證的示例實現(xiàn)
這篇文章主要介紹了使用阿里云接口進行身份證實名認證的示例實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2020-07-07
我們經(jīng)常使用的加減乘除，我們所看到的只是表面的效果，那么加減乘除在底層究竟是怎么實現(xiàn)的？今天就讓我們一探究竟2022-08-08
IDEA下lombok安裝及找不到get,set的問題的解決方法
這篇文章主要介紹了IDEA下lombok安裝及找不到get,set的問題的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2020-04-04
這篇文章主要介紹了Java 生成帶Logo和文字的二維碼的方法，幫助大家更好的理解和學(xué)習使用Java，感興趣的朋友可以了解下2021-04-04
Elasticsearch查詢及聚合類DSL語句寶典示例詳解
這篇文章主要為大家介紹了Elasticsearch查詢及聚合類DSL語句寶典示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01