JavaScript實(shí)現(xiàn)省市聯(lián)動(dòng)過(guò)程中bug的解決方法
本文為大家分享了JavaScript實(shí)現(xiàn)省市聯(lián)動(dòng)過(guò)程中bug的解決方法,供大家參考,具體內(nèi)容如下
先把實(shí)現(xiàn)省市聯(lián)動(dòng)遇到的問(wèn)題描述一下
1.1.原來(lái)的思路
1.1.1、初始化加載省份
$.ajax({ 'type' : 'POST', 'dataType' : 'json', 'url' : '${rc.contextPath}/crm/merchantMgr/editMerchantBankAccount.htm?method=getBankProvinces', 'success' : function(msg) { bankProvinces = msg; for(var i=0;i<bankProvinces.length;i++){ $("#key_DSGAprovince").append("<option value='"+bankProvinces[i][0]+"'>"+bankProvinces[i][0]+"</option>"); } }, 'cache' : false, 'async' : false });
1.1.2、當(dāng)點(diǎn)擊省份的時(shí)候加載城市
function getBankCitys(){ $("#key_DSGAcity").empty(); var DSGAprovince=$("#key_DSGAprovince option:selected").text(); $.ajax({ 'type':'POST', 'data': {"province":DSGAprovince}, 'dataType': 'json', 'url':'${rc.contextPath}/crm/merchantMgr/editMerchantBankAccount.htm?method=getBankCities', 'success' : function(msg) { cities = msg; for(var i=0;i<cities.length;i++){ $("#key_DSGAcity").append("<option value='"+cities[i][0]+"'>"+cities[i][0]+"</option>"); } }, }); }
1.1.3、問(wèn)題點(diǎn)
當(dāng)加載的時(shí)候是沒(méi)有問(wèn)題的能實(shí)現(xiàn)聯(lián)動(dòng),但是當(dāng)回顯的時(shí)候是不能加載城市的,但是省份能加載進(jìn)來(lái)。
var tVal = '海南省'; if(tVal!=""){$("#key_DSGAprovince").val(tVal);} var tVal = '文昌'; if(tVal!=""){$("#key_DSGAcity").val(tVal);}
1.1.4、分析
這是因?yàn)樵诔跏蓟臅r(shí)候,只是加載進(jìn)來(lái)省份了,而if(tVal!=""){$("#key_DSGAcity").val(tVal);}這句話(huà)的意思就是說(shuō)必須前提條件把城市的option里面放到頁(yè)面才能取出來(lái)值。
1.1.5、解決方案
var DSGAprovince = '${myObj.DSGAprovince?default("請(qǐng)選擇")}'; $.ajax({ 'type':'POST', 'data': {"province":DSGAprovince}, 'dataType': 'json', 'url':'${rc.contextPath}/crm/merchantMgr/editMerchantBankAccount.htm?method=getBankCities', 'success' : function(msg) { cities = msg; for(var i=0;i<cities.length;i++){ $("#key_DSGAcity").append("<option value='"+cities[i][0]+"'>"+cities[i][0]+"</option>"); } }, 'cache':false, 'async':false, });
在初始化的時(shí)候就根據(jù)省份加載一遍就可以了。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 基于JavaScript實(shí)現(xiàn)省市聯(lián)動(dòng)效果
- JavaScript實(shí)現(xiàn)省市聯(lián)動(dòng)效果
- 基于JS實(shí)現(xiàn)省市聯(lián)動(dòng)效果代碼分享
- js省市聯(lián)動(dòng)效果完整實(shí)例代碼
- JSON+HTML實(shí)現(xiàn)國(guó)家省市聯(lián)動(dòng)選擇效果
- JavaScript二維數(shù)組實(shí)現(xiàn)的省市聯(lián)動(dòng)菜單
- JavaScript省市聯(lián)動(dòng)實(shí)現(xiàn)代碼
- js實(shí)現(xiàn)省市聯(lián)動(dòng)效果的簡(jiǎn)單實(shí)例
- javascript 09年最新版的省市聯(lián)動(dòng)
- JavaScript實(shí)現(xiàn)簡(jiǎn)單省市聯(lián)動(dòng)
相關(guān)文章
交叉觀(guān)察器?IntersectionObserver用法詳解
這篇文章主要為大家介紹了交叉觀(guān)察器?IntersectionObserver用法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10基于JQuery模仿蘋(píng)果桌面的Dock效果(初級(jí)版)
新的一天新的開(kāi)始,今天要分享的是用JQuery模仿蘋(píng)果操作系統(tǒng)桌面的Dock效果,之所以稱(chēng)之為初級(jí)版,是因?yàn)槠渲羞€有一些bug,顯示效果并不穩(wěn)定2012-10-10使用JS實(shí)現(xiàn)鼠標(biāo)放上圖片進(jìn)行放大離開(kāi)實(shí)現(xiàn)縮小功能
這篇文章主要介紹了使用JS實(shí)現(xiàn)鼠標(biāo)放上圖片進(jìn)行放大離開(kāi)實(shí)現(xiàn)縮小功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-01-01微信小程序movable view移動(dòng)圖片和雙指縮放實(shí)例代碼
movable-area是微信小程序的新組件,可以用來(lái)移動(dòng)視圖區(qū)域movable-view。這篇文章主要介紹了微信小程序movable view移動(dòng)圖片和雙指縮放實(shí)例代碼,需要的朋友可以參考下2017-08-08通過(guò)微信公眾平臺(tái)獲取公眾號(hào)文章的方法示例
這篇文章主要介紹了通過(guò)微信公眾平臺(tái)獲取公眾號(hào)文章的方法示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12詳解如何在在瀏覽器中使用WebRTC獲取用戶(hù)IP地址
如果需要在程序中獲取當(dāng)前用戶(hù)的IP,通常手段都是需要使用服務(wù)器,但現(xiàn)在借助WebRTC的強(qiáng)大功能,我們可以直接在瀏覽器客戶(hù)端獲取用戶(hù)IP,所以本文小編將給大家介紹一下如何在在瀏覽器中使用WebRTC獲取用戶(hù)IP地址,文中通過(guò)代碼示例講解的非常詳細(xì),需要的朋友可以參考下2023-11-11JavaScript中的構(gòu)造函數(shù)和實(shí)例對(duì)象之間的關(guān)系(構(gòu)造器)
這篇文章主要介紹了JavaScript中的構(gòu)造函數(shù)和實(shí)例對(duì)象之間的關(guān)系(構(gòu)造器),需要的朋友可以參考下2023-05-05JavaScript實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07