Przykład
Dowiedzieć się, jak wiele opcji istnieje w określonym <datalist> element:
var x = document.getElementById("browsers").options.length;Wynikiem X będzie:
5 Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Kolekcja opcje zwraca kolekcję wszystkich opcji w <datalist> elementu.
Note: elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym.
Wsparcie przeglądarka
| Kolekcja | |||||
|---|---|---|---|---|---|
| options | tak | 10,0 | tak | tak | tak |
Składnia
datalistObject .optionsNieruchomości
| Nieruchomość | Opis |
|---|---|
| length | Zwraca liczbę <option> elementów w kolekcji. Uwaga: Ta właściwość jest tylko do odczytu |
metody
| metoda | Opis |
|---|---|
| [ index ] | Zwraca <option> elementu z kolekcji z określonym indeksem (starts at 0) . Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem |
| item( index ) | Zwraca <option> elementu z kolekcji z określonym indeksem (starts at 0) . Uwaga: Zwraca null, jeśli numer indeksu jest poza zasięgiem |
| namedItem( id ) | Zwraca <option> element z kolekcji o podanym identyfikatorze. Uwaga: Zwraca null, jeśli id nie istnieje |
Szczegóły techniczne
| DOM wersja: | Rdzeń Poziom 2 Document Object |
|---|---|
| Zwracana wartość: | Object HTMLCollection reprezentujący wszystkie <option> elementy w <datalist> elementu. Elementy w kolekcji są klasyfikowane jako wydają w kodzie źródłowym |
Więcej przykładów
Przykład
[Indeks]
Uzyskać wartość pierwszej opcji (index 0) w datalist:
var x = document.getElementById("browsers").options[0].value;Wynikiem X będzie:
Internet Explorer Spróbuj sam " Przykład
item( index )
Uzyskać wartość pierwszej opcji (index 0) w datalist:
var x = document.getElementById("browsers").options.item(0).value;Wynikiem X będzie:
Internet Explorer Spróbuj sam " Przykład
namedItem( name_or_id )
Uzyskać wartość opcji z id = „google” w datalist:
var x = document.getElementById("browsers").options.namedItem("google").value;Wynikiem X będzie:
Chrome Spróbuj sam " Przykład
Pętla przez wszystkie opcje w datalist i wyjściowe wartości opcyjne:
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ędą:
Internet Explorer
Firefox
Chrome
Opera
Safari Spróbuj sam " <Datalist Przedmiot