Wie man Abhängige Select-Boxen

select Boxen Anzeige von Informationen basierend auf Benutzereingaben. Sie Abrufen von Daten aus der Abfrage-String und verwenden Sie die Query-String-Daten zur Auswahl der Werte im Dropdown-Feld hinzufügen. Sie verwenden JavaScript, um die Auswahl kastenförmigen dynamischer zu machen, und schaffen Eingabewerte hängt am Eingang von Ihren Benutzern. 

DEPENDENT SELECT

Rechten Maustaste auf die HTML Datei, die Sie bearbeiten möchten. Klicken Sie auf "Öffnen mit" und anschließend auf den HTML-Editor in der Liste der Programme.

Erstellen Sie die Auswahlbox. Der folgende Code zeigt, wie Sie eine leere Combobox, die die Auswahlbox HTML-Element ist zu machen:

Wählen id = "mybox" / select

Erstellen Sie die JavaScript-Klasse, die ruft abhängigen Daten aus dem querystring. Der folgende Code analysiert die Daten in der querystring URL:

Funktion getValues ​​{

querystring = window.location.search.substring (1);

info = querystring.split ("

}

Erstellen Sie die JavaScript-Funktion, die die Daten ergänzt die select box. Der folgende JavaScript-Code verwendet die Daten in Schritt drei abgerufen, um die Select-Box mit Daten zu füllen:

var opt = document.createElement ("Option");

opt.setAttribute ('value', info [0]);

. document.getElementById ("mybox") appendChild (opt);