suchen

Heim >Web-Frontend >js-Tutorial >JS führt eine Adressauswahlfunktion durch

JS führt eine Adressauswahlfunktion durch

php中世界最好的语言
php中世界最好的语言Original
2018-04-19 10:23:032126Durchsuche

Dieses Mal werde ich Ihnen die JS-Adressauswahlfunktion vorstellen. Was sind die Vorsichtsmaßnahmen für die JS-Adressauswahlfunktion? 

<!DOCTYPE html>
<html>
  <head>
    <metacharset="UTF-8">
    <title></title>
    <script>
      var shenArr = new Array(5);
      shenArr["广东"] = ["广州","深圳","韶关","汕头","茂名"];
      shenArr["湖南"] = ["长沙","张家界","株洲","岳阳","吉首"];
      shenArr["湖北"] = ["武汉","宜昌","荆州","黄冈","仙桃"];
      shenArr["安徽"] = ["合肥","黄山"];
      shenArr["河南"] = ["郑州","开封","洛阳","信阳"];
       function getShen(){
        var s = document.getElementById("shen");
        for(var v in shenArr){
          //把数组键加入到省的下拉框
          s.add(new Option(v,v),null);
        }
       }
 
      function getCity(){
        var s = document.getElementById("shen");
        var c = document.getElementById("city");
        var v = s.value;//省份的名称，也是数组中的键
        c.options.length = 0;//把城市下拉框中的项清除
 
        //循环把某一个省的城市加入到市的下拉框
        for(var i in shenArr[v] ){
          c.add(new Option(shenArr[v][i],shenArr[v][i]),null);
        }
 
      }
 
    </script>
  </head>
  <bodyonload="getShen()">
    省:<selectid="shen"onchange="getCity()">
      <optionvalue="0">--请选择--</option>
    </select>
    市:<selectid="city"></select>
  </body>
</html>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

Echtzeiterfassung des Inhalts von Eingabefeldern

vue implementiert das Click-to-Enlarge Bildfunktion (mit Code)

Das obige ist der detaillierte Inhalt vonJS führt eine Adressauswahlfunktion durch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php JS input
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
Vorheriger Artikel：Numerische Berechnung der JS-Operation im Eingabe-TagNächster Artikel：Numerische Berechnung der JS-Operation im Eingabe-Tag

In Verbindung stehende Artikel

Mehr sehen