Erstellen Sie eine einfache dreistufige Verknüpfung mit JS_Javascript-Kenntnissen

Eine einfache dreistufige Verknüpfung mit Javascript, sehr einfach und praktisch

Code kopieren Der Code lautet wie folgt:

          
                                                                                         

Provinz:
         
                                               Bitte auswählen
                                                                                      Stadt:
           
Bezirk:
          

<script><br> //Geben Sie die Provinz an<br>         var pres = ["Beijing", "Shanghai", "Shandong"] //Array<br> direkt deklarieren                                                                                                                                                                                                                             //Geben Sie die Stadt an       var Städte = [<br>               [„Dongcheng“, „Changping“, „Haidian“],<br>                                                                           ["Pudong", "高区"],<br>              [„Jinan“, „Qingdao“]<br> ];<br>       var Bereiche = [<br>                                                                                                                                                                                                                                                                 ["Dongcheng 1", "Dongcheng 2", "Dongcheng 3"],<br>                                                                [„Änderung 1“, „Änderung 2“, „Änderung 3“],<br>                                 ["Haidian1", "Haidian2", "Haidian3"]<br> ],<br>                                                                                                                                                                                                                              ["Pudong1", "Pudong2", "Pudong3"],<br> Seit ],<br>                                                               ["Jinan1", "Jinan2"],<br>                                  ["Qingdao 1", "Qingdao 2"]<br> ]<br> ]<br> //Legen Sie den öffentlichen Index einer Provinz fest<br>         var pIndex = -1;<br>          var preEle = document.getElementById("pre");<br>          var cityEle = document.getElementById("city");<br>       var areaEle = document.getElementById("area");<br> //Legen Sie zuerst den Provinzwert fest<br> für (var i = 0; i < pres.length; i ) {<br /> //Option deklarieren.<option value="pres[i]">Pres[i]</option><br>                var op = new Option(pres[i], i);<br>                                                                                                                         preEle.options.add(op);<br> }<br>          Funktion chg(obj) {<br>If (obj.value == -1) {<br> CityEle.options.length = 0;<br> areaEle.options.length = 0;<br>             }<br> //Wert abrufen<br>             var val = obj.value;<br>               pIndex = obj.value;<br> //Komm ctiry<br>           var cs = towns[val];<br> //Den Standardbereich abrufen<br>           var as = Bereiche[val][0];<br>                 // Zuerst den Markt räumen<br>                cityEle.options.length = 0;<br> areaEle.options.length = 0;<br> for (var i = 0; i < cs.length; i ) {<br />               var op = new Option(cs[i], i);<br />                     cityEle.options.add(op);<br />             }<br /> for (var i = 0; i < as.length; i ) {<br />               var op = new Option(as[i], i);<br /> areaEle.options.add(op);<br />             }<br /> }<br />          Funktion chg2(obj) {<br />             var val = obj.selectedIndex;<br />           var as = Bereiche[pIndex][val];<br /> areaEle.options.length = 0;<br /> for (var i = 0; i < as.length; i ) {<br />               var op = new Option(as[i], i);<br /> areaEle.options.add(op);<br />             }<br /> }<br /> </script>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.