JavaScript + Bootstrap + HTML implementiert Codebeispiele für Vollauswahl- und Mehrfachauswahlfunktionen in hierarchischen Mehrfachauswahlfeldern

Ich möchte eine Funktion erstellen, die hierarchisch sortiert werden kann und Mehrfachauswahl ermöglicht. Zunächst verwende ich normalerweise mehrschichtige Tags und wähle sie direkt aus und füge sie dem Textfeld hinzu 🎜>Javascript+Bootstrap implementiert die Vollschicht- und Mehrfachauswahlfunktionen von hierarchischen Mehrfachauswahlfeldern Wenn ich Ich möchte eine Funktion erstellen, die nach Hierarchieebene sortiert ist und mehrfach ausgewählt werden kann. Um mehrschichtige Tags zu verwenden, wähle ich sie direkt aus und füge sie dem Textfeld hinzu, der sehr detailliert ist. Wenn Sie die oben genannten Funktionen ausführen müssen,

Wenn Sie jedoch bedenken, dass die Anzahl der Optionen unsicher ist, kann die Verwendung von Etiketten leicht zu visueller Ermüdung führen Es ist erforderlich, dass das Layout und die Wirkung der Webseite nur minimal beeinträchtigt werden, wenn sich die Anzahl der Optionen ändert. Daher habe ich mich für die Verwendung hierarchischer Mehrfachauswahlfelder entschieden, was bei der Einrichtung eines Computers häufig vorkommt. Die Optionen der zweiten Ebene können unter der ersten Ebene gefaltet/erweitert werden, indem Bootstraps

verwendet wird, um den

Falteffekt data-toggle="collapse" data-target="#demo1" der zweiten Ebene zuzuordnen. Der spezifische Code lautet wie folgt:

Das obige ist der detaillierte Inhalt vonJavaScript + Bootstrap + HTML implementiert Codebeispiele für Vollauswahl- und Mehrfachauswahlfunktionen in hierarchischen Mehrfachauswahlfeldern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!