JavaScriptを使って地方と都市の連携を実現する方法

この記事では主に、JavaScript による地方と自治体の連携を実現する過程でのバグを解決する方法を詳しく紹介します。興味のある方は参考にしてください。

まず、地方と自治体の連携を実現する際に発生する問題について説明します。

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

1.1.3. 読み込み時に問題はありません。ただし、エコー時に都市はロードできませんが、地方はロードできます。

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=&#39;"+cities[i][0]+"&#39;>"+cities[i][0]+"</option>");
   }
  },
 });
}

1.1.4. 分析

これは、初期化中に州のみがロードされ、文 if(tVal!=""){$("#key_DSGAcity").val(tVal);} がこれであるためです。つまり、値を取り出す前に都市オプションをページに配置する必要があります。

1.1.5、解決策

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

初期化中に州に応じて一度ロードするだけです。

上記は私があなたのためにまとめたものです。

関連記事:

Vueの応答性の原理について(詳しいチュートリアル)

jsを使ってタイムスタンプと日付形式を変換する方法

vueでデフォルトルートが読み込まれない問題について。 js

以上がJavaScriptを使って地方と都市の連携を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。