Beispiel
Finden Sie heraus , wie viele Möglichkeiten es in einem spezifischen <datalist> Elemente:
var x = document.getElementById("browsers").options.length;Das Ergebnis von x wird sein:
5 Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Optionen Kollektion gibt eine Auflistung aller Optionen in einem <datalist> Elemente.
Note: Die Elemente in der Sammlung sortiert werden , wie sie im Quelltext angezeigt.
Browser-Unterstützung
| Sammlung | |||||
|---|---|---|---|---|---|
| options | Ja | 10.0 | Ja | Ja | Ja |
Syntax
datalistObject .optionsEigenschaften
| Eigentum | Beschreibung |
|---|---|
| length | Gibt die Anzahl der <option> Elemente in der Sammlung. Hinweis: Diese Eigenschaft ist schreibgeschützt |
Methods
| Methode | Beschreibung |
|---|---|
| [ index ] | Gibt das <option> Element aus der Sammlung mit dem angegebenen Index (starts at 0) . Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs |
| item( index ) | Gibt das <option> Element aus der Sammlung mit dem angegebenen Index (starts at 0) . Hinweis: Gibt null zurück , wenn der Index außerhalb des zulässigen Bereichs |
| namedItem( id ) | Gibt das <option> Element aus der Sammlung mit der angegebenen ID. Hinweis: Gibt null zurück , wenn die ID nicht existiert |
Technische Details
| DOM Version: | Core Level 2 Document Object |
|---|---|
| Rückgabewert: | Ein HTMLCollection Objekt, stellvertretend für alle <option> Elemente im <datalist> Elemente. Die Elemente in der Sammlung werden sortiert, wie sie im Quelltext erscheinen |
Mehr Beispiele
Beispiel
[Index]
Holen Sie sich den Wert der ersten Option (index 0) in einem Datalist:
var x = document.getElementById("browsers").options[0].value;Das Ergebnis von x wird sein:
Internet Explorer Versuch es selber " Beispiel
item( index )
Holen Sie sich den Wert der ersten Option (index 0) in einem Datalist:
var x = document.getElementById("browsers").options.item(0).value;Das Ergebnis von x wird sein:
Internet Explorer Versuch es selber " Beispiel
namedItem( name_or_id )
Holen Sie sich den Wert der Option mit id = „google“ in einem Datalist:
var x = document.getElementById("browsers").options.namedItem("google").value;Das Ergebnis von x wird sein:
Chrome Versuch es selber " Beispiel
Schleife durch alle Optionen in einem Datalist und gibt die Optionswerte:
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0;
i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}Das Ergebnis der txt wird:
Internet Explorer
Firefox
Chrome
Opera
Safari Versuch es selber " <Datalist - Objekt