Opcje listy danych Kolekcja
Przykład
Dowiedz się, ile opcji znajduje się w określonym elemencie <datalist>:
var x = document.getElementById("browsers").options.length;
Wynikiem x będzie:
5
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Kolekcja options zwraca kolekcję wszystkich opcji w elemencie <datalist>.
Uwaga: elementy w kolekcji są sortowane tak, jak pojawiają się w kodzie źródłowym.
Obsługa przeglądarki
Collection | |||||
---|---|---|---|---|---|
options | Yes | 10.0 | Yes | Yes | Yes |
Składnia
datalistObject.options
Nieruchomości
Property | Description |
---|---|
length | Returns the number of <option> elements in the collection. Note: This property is read-only |
Metody
Method | Description |
---|---|
[index] | Returns the <option> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <option> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <option> element from the collection with the specified id. Note: Returns null if the id does not exist |
Szczegóły techniczne
Wersja DOM: | Podstawowy obiekt dokumentu poziomu 2 |
---|---|
Wartość zwrotu: | Obiekt HTMLCollection reprezentujący wszystkie elementy <option> w elemencie <datalist>. Elementy w kolekcji są sortowane tak, jak pojawiają się w kodzie źródłowym |
Więcej przykładów
Przykład
[ indeks ]
Uzyskaj wartość pierwszej opcji (indeks 0) z listy danych:
var x = document.getElementById("browsers").options[0].value;
Wynikiem x będzie:
Internet Explorer
Przykład
pozycja ( indeks )
Uzyskaj wartość pierwszej opcji (indeks 0) z listy danych:
var x = document.getElementById("browsers").options.item(0).value;
Wynikiem x będzie:
Internet Explorer
Przykład
nazwany element ( nazwa_lub_id )
Uzyskaj wartość opcji z id="google" na liście danych:
var x = document.getElementById("browsers").options.namedItem("google").value;
Wynikiem x będzie:
Chrome
Przykład
Przewiń wszystkie opcje na liście danych i wypisz wartości opcji:
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}
Wynikiem txt będzie:
Internet Explorer
Firefox
Chrome
Opera
Safari
❮ Obiekt listy danych