js implementiert eine einfache dreistufige Auswahlkaskade für Provinzen, Gemeinden und Bezirke

In diesem Artikel wird der spezifische Code von js zur Realisierung der dreistufigen Auswahl von Provinzen, Städten und Bezirken zu Ihrer Information freigegeben. Der spezifische Inhalt ist wie folgt

Code:

<!DOCTYPE html>
<html lang="de">
 <Kopf>
  <meta charset="UTF-8">
  <title>Titel</title>
 </Kopf>
 <Text>
      <select id="Provinz">
        <option>---Bitte wählen---</option>
      </Auswählen>
      <select id="Stadt">
        <option>---Bitte wählen---</option>
      </Auswählen>
      <select id="Bereich">
        <option>---Bitte wählen---</option>
      </Auswählen>
  <script src="addr.js"></script>
  <script src="../lib/jquery-3.3.1.js"></script>
  <Skript>
   var pro = [];
   $(Funktion (){
                $.each(temp,funktion (){
                    $("#provinz").anhängen("<option>"+$(this)[0].label+"</option>");
                });
                $("#provinz").on("ändern",funktion (){
                    $("#city").html("<option>"+"---Bitte wählen---"+"</option>");
                    $("#area").html("<option>"+"---Bitte wählen---"+"</option>")
                    var select_pro = $(this).val();
                    $.each(temp,Funktion (Index,Element){
                        wenn (element.label == select_pro){
                            var Stadt = Element.Kinder;
                            für (sei i = 0; i < Stadt.Länge; i++) {
                                $("#Stadt").anhängen("<option>"+Stadt[i].label+"</option>");
                            }
                            $("#Stadt").on('ändern',Funktion ()
                            {
                        $("#area").html("<option>"+"---Bitte wählen---"+"</option>");
                         var select_city = $(this).val();

                        für (var i=0;i < Stadt.Länge; i++)
                            {
                             Konsole.log(Stadt[i].label);
                             wenn (Stadt[i].label == Stadt_wählen)
                             {
                               var Bereich = Stadt[i].Kinder;
                               für (var i=0;i < Fläche.Länge; i++)
                                {
                          $("#area").anhängen("<option>"+area[i].label+"</option>");
                                 }
                           }
                         }
                         });
                   }
               });
        });
   });
  </Skript>
 </body>
</html>

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

Das könnte Sie auch interessieren:

Ein vollständiges Beispiel für ein Dropdown-Auswahlmenü für sekundäre Verknüpfungen auf nationaler, provinzieller und kommunaler Ebene, implementiert durch js
PHP + Mysql + Ajax + JS realisiert die Verknüpfung zwischen Provinzen, Städten und Bezirken
JS macht eine einfache dreistufige Verknüpfung
Beispiel für eine kaskadierende Dropdown-Box in Vue.js 2.0 auswählen
Die beste native js für sekundäre Links auf Provinz- und Gemeindeebene, um das zu erreichen, was Sie verdienen
Echte mehrstufige Verknüpfungs-Dropdown-Menüklasse von JS. Einfache Realisierung des Verknüpfungsmenüs von Provinzen, Städten und Bezirken!
JavaScript realisiert das dreistufige Verknüpfungs-Dropdown-Box-Menü von Provinzen, Städten und Bezirken
Dreistufige Verknüpfungs-Dropdown-Box-Menü für Provinz, Stadt und Bezirk, Javascript-Version
jquery+json universelle dreistufige Verknüpfungs-Dropdown-Liste
js, um den Effektcode des kaskadierenden Dropdown-Menüs von Provinzen und Städten im ganzen Land zu erreichen

<<: So überwachen und löschen Sie abgelaufene Sitzungen in Tomcat

>>: Eine SQL-Anweisung schließt die MySQL-Deduplizierung ab und behält eine