Wie Sie eine Combobox mit JavaScript füllen

July 7

Wie Sie eine Combobox mit JavaScript füllen

Manchmal musst du in die Webprogrammierung Webseiten zu ändern, nachdem sie bereits geladen habe. Glücklicherweise macht JavaScript dies einfach. Möchten Sie ein Kombinationsfeld (genannt ein Auswahlfeld in HTML) nach dem die Seite Lasten, aktivieren Sie ein kaskadierendes Dropdown-in welche jede Auswahl betrifft, was der Benutzer sieht in der nächsten Liste Optionen hinzu beispielsweise tun dann einfache ein paar Zeilen JavaScript den Job.

Anweisungen

1 Mit der integrierten GetElementById abrufen Sie Feld auswählen auf der Seite:SelectBox Var = document.getElementById('selectBoxId');

2 Erstellen Sie die neue Option, mit der integrierten CreateElement Funktion:Var NewOption = document.createElement("option")GEHENOption.Text = "Option Text"GEHENOption.Value = "Option Value";

3 Fügen Sie die neue Option, um die select-Box:selectBox.options.add(option);

Tipps & Warnungen

  • Wenn dieser Code nicht mit Ihrem Browser funktioniert, sollten Sie verwenden ein JavaScript-Framework wie jQuery oder Prototype, das Browser-Kompatibilitätsprobleme automatisch zu verarbeiten.