Datalist-Optionen Sammlung

HTML DOM Datensatzliste-Objekt

Definition und Verwendung

Optionen Das Set gibt die Sammlung aller Optionen im Element zurück. <datalist> Element .

Anmerkung:Die Elemente im Set sind nach ihrer Reihenfolge im Quellcode sortiert.

Siehe auch:

HTML Referenzhandbuch:HTML <datalist>-Tag

HTML Referenzhandbuch:HTML <option>-Tag

Beispiel

Beispiel 1

Finde heraus, wie viele Optionen im angegebenen <datalist> Element vorhanden sind:

var x = document.getElementById("browsers").options.length;

Probieren Sie es selbst aus

Das Ergebnis von x wird sein:

5

Hinweis:Mehr Beispiele finden Sie am Ende der Seite.

Syntax

datalistObject.options

Eigenschaft

Eigenschaft Beschreibung
length

Gibt die Anzahl der <option> Elemente im Set zurück.

Anmerkung:Dieser Eigenschaft ist schreibgeschützt.

Methode

Methode Beschreibung
[index]

Wird das <option> Element mit angegebenem Index (ab 0 beginnend) aus dem Set zurückgegeben.

Anmerkung:Wird die Indexnummer außerhalb des Bereichs, wird null zurückgegeben.
item(index)

Wird das <option> Element mit angegebenem Index (ab 0 beginnend) aus dem Set zurückgegeben.

Anmerkung:Wird die Indexnummer außerhalb des Bereichs, wird null zurückgegeben.
namedItem(id)

von id im Set zurückgegeben.

Anmerkung:Wenn id Wird null zurückgegeben, wenn es nicht existiert.

Technische Details

DOM Version: Core Level 2 Document Object
Rückgabewert:

HTMLCollection Objekt, das alle <option> Elemente.

Die Elemente im Set sind nach ihrem Erscheinen im Quellcode sortiert.

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt 10.0 Unterstützt Unterstützt Unterstützt

Mehr Beispiele

Beispiel 2: [index]

Erhalte den Wert der ersten Option in der Datenliste (Index 0):

var x = document.getElementById("browsers").options[0].value;

Probieren Sie es selbst aus

Das Ergebnis von x wird sein:

Internet Explorer

Beispiel 3: item(index)

Erhalte den Wert der ersten Option in der Datenliste (Index 0):

var x = document.getElementById("browsers").options.item(0).value;

Probieren Sie es selbst aus

Das Ergebnis von x wird sein:

Internet Explorer

Beispiel 4: namedItem(name_or_id)

Erhalte den Wert der Option mit id="google" in der Datenliste:

var x = document.getElementById("browsers").options.namedItem("google").value;

Probieren Sie es selbst aus

Das Ergebnis von x wird sein:

Chrome

Beispiel 5

Durchlaufe alle Optionen der Datenliste und gebe die Wert der Optionen aus:

var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.options.length; i++) {
  txt = txt + x.options[i].value + "<br>";
}

Probieren Sie es selbst aus

Das Ergebnis von txt wird sein:

Internet Explorer
Firefox
Chrome
Opera
Safari

HTML DOM Datensatzliste-Objekt