JavaScript實(shí)現(xiàn)省市聯(lián)動(dòng)過程中bug的解決方法

更新時(shí)間：2017年12月04日 11:55:32 作者：風(fēng)雨前行

這篇文章主要為大家詳細(xì)介紹了解決JavaScript實(shí)現(xiàn)省市聯(lián)動(dòng)過程中的bug，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文為大家分享了JavaScript實(shí)現(xiàn)省市聯(lián)動(dòng)過程中bug的解決方法，供大家參考，具體內(nèi)容如下

先把實(shí)現(xiàn)省市聯(lián)動(dòng)遇到的問題描述一下

1.1.原來的思路

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、問題點(diǎn)

當(dāng)加載的時(shí)候是沒有問題的能實(shí)現(xiàn)聯(lián)動(dòng)，但是當(dāng)回顯的時(shí)候是不能加載城市的，但是省份能加載進(jìn)來。

 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)來省份了，而if(tVal!=""){$("#key_DSGAcity").val(tVal);}這句話的意思就是說必須前提條件把城市的option里面放到頁面才能取出來值。

1.1.5、解決方案

var DSGAprovince = '${myObj.DSGAprovince?default("請選擇")}';

 $.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ù)省份加載一遍就可以了。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: