HTML DOM Select-Objekt

Select-Objekt

Das Select-Objekt repräsentiert das HTML <select>-Element.

Select-Objekt erreichen

Sie können das getElementById() verwenden, um das <select>-Element zu erreichen:

var x = document.getElementById("mySelect");

Probieren Sie es selbst aus

Tipp:Sie können auch das Select-Objekt durch das Durchsuchen des elements Sammlung des Formulars erreichen.

Erstellen Sie das Select-Objekt

Sie können das document.createElement() Methode verwenden, um das <select>-Element zu erstellen:

var x = document.createElement("SELECT");

Probieren Sie es selbst aus

Select-Objekt-Sammlung

Sammlung Beschreibung
options Rückgabe der Sammlung aller Optionen in der Auswahlliste.

Select-Objekt-Eigenschaften

Eigenschaften Beschreibung
autofocus Setzen oder Rückgabe, ob die Auswahlliste beim Laden der Seite automatisch den Fokus erhalten soll.
disabled Setzen oder Rückgabe, ob die Auswahlliste deaktiviert sein soll.
form Rückgabe des Verweises auf das Formular, das die Auswahlliste enthält.
length Rückgabe der Anzahl der <option>-Elemente in der Auswahlliste.
multiple Setzen oder Rückgabe, ob mehrere Optionen in der Auswahlliste ausgewählt werden können.
name Setzen oder Rückgabe des Wertes der name-Eigenschaft der Auswahlliste.
selectedIndex Setzen oder Rückgabe des Index der ausgewählten Option in der Auswahlliste.
size Setzen oder Rückgabe des Wertes der size-Eigenschaft der Auswahlliste.
type Rückgabe des Typs des Formularelements der Auswahlliste.
value Setzen oder Rückgabe des Wertes der ausgewählten Option in der Auswahlliste.

Select-Objekt-Methode

Methode Beschreibung
add() Optionen zur Auswahlliste hinzufügen.
checkValidity()
remove() Optionen aus der Auswahlliste löschen.

Standard-Eigenschaften und Ereignisse

Der Select-Objekt unterstützt sowohl StandardsEigenschaftenundEreignisse.

Verwandte Seiten

HTML-Tutorial:HTML-Formular

HTML-Referenzhandbuch:HTML <select>-Tag