Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie JavaScript, um eine Verbindung zwischen Provinzen und Städten herzustellen

So verwenden Sie JavaScript, um eine Verbindung zwischen Provinzen und Städten herzustellen

亚连
亚连Original
2018-06-22 17:19:132223Durchsuche

In diesem Artikel wird hauptsächlich detailliert beschrieben, wie die Fehler bei der Implementierung der Provinz- und Kommunalverknüpfung mithilfe von JavaScript behoben werden können. Interessierte Freunde können sich zunächst darauf beziehen und kommunale Verknüpfung. Beschreiben Sie die aufgetretenen Probleme

Ursprüngliche Idee

1.1.1. Laden der Provinz

$.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=&#39;"+bankProvinces[i][0]+"&#39;>"+bankProvinces[i][0]+"</option>");
   }
   
  },
  &#39;cache&#39; : false,
  &#39;async&#39; : false
 });

function getBankCitys(){
$("#key_DSGAcity").empty();
 var DSGAprovince=$("#key_DSGAprovince option:selected").text();
 $.ajax({
 &#39;type&#39;:&#39;POST&#39;,
 &#39;data&#39;: {"province":DSGAprovince}, 
 &#39;dataType&#39;: &#39;json&#39;,
 &#39;url&#39;:&#39;${rc.contextPath}/crm/merchantMgr/editMerchantBankAccount.htm?method=getBankCities&#39;,
 &#39;success&#39; : function(msg) {
   cities = msg;
   for(var i=0;i<cities.length;i++){
   $("#key_DSGAcity").append("<option value=&#39;"+cities[i][0]+"&#39;>"+cities[i][0]+"</option>");
   }
  },
 });
}

1.1.3. Probleme

Beim Laden gibt es kein Problem und eine Verknüpfung kann erreicht werden, aber beim Echo können Städte nicht geladen werden, aber Provinzen können geladen werden.

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

1.1.4. Analyse

Dies liegt daran, dass während der Initialisierung nur die Provinzen geladen werden und if(tVal!=""){$("#key_DSGAcity val"). tVal);} Dieser Satz bedeutet, dass die Stadtoption auf der Seite platziert werden muss, bevor der Wert abgerufen werden kann.

1.1.5. Lösung

var DSGAprovince = &#39;${myObj.DSGAprovince?default("请选择")}&#39;;
 $.ajax({
 &#39;type&#39;:&#39;POST&#39;,
 &#39;data&#39;: {"province":DSGAprovince}, 
 &#39;dataType&#39;: &#39;json&#39;,
 &#39;url&#39;:&#39;${rc.contextPath}/crm/merchantMgr/editMerchantBankAccount.htm?method=getBankCities&#39;,
 &#39;success&#39; : function(msg) {
   cities = msg;
   for(var i=0;i<cities.length;i++){
   $("#key_DSGAcity").append("<option value=&#39;"+cities[i][0]+"&#39;>"+cities[i][0]+"</option>");
   }
  },
 &#39;cache&#39;:false,
 &#39;async&#39;:false,
 });

Laden Sie es einfach einmal entsprechend der Provinz während der Initialisierung.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Über Reaktionsprinzipien in Vue (ausführliches Tutorial)

So implementieren Sie Zeitstempel- und Datumsformate mithilfe von js. Konvertierung zwischen

Problem damit, dass die Standardroute nicht in vue.js geladen wird

Das obige ist der detaillierte Inhalt vonSo verwenden Sie JavaScript, um eine Verbindung zwischen Provinzen und Städten herzustellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn