先把實現省市聯動遇到的問題描述一下

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、當點擊省份的時候加載城市

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、問題點

當加載的時候是沒有問題的能實現聯動，但是當回顯的時候是不能加載城市的，但是省份能加載進來。

 var tVal = '海南省'; if(tVal!=""){$("#key_DSGAprovince").val(tVal);}  var tVal = '文昌'; if(tVal!=""){$("#key_DSGAcity").val(tVal);} 

1.1.4、分析

這是因為在初始化的時候，只是加載進來省份了，而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, });

在初始化的時候就根據省份加載一遍就可以了。

 以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。