zbiór opcji Datalist

Obiekt Datalist DOM HTML

definicja i użycie

options Zbior return Element <datalist> . Zbiór wszystkich opcji.

Uwaga:Elementy w zbiorze są sortowane według kolejności ich wystąpienia w kodzie źródłowym.

Zobacz również:

Podręcznik HTML:Tag HTML <datalist>

Podręcznik HTML:Tag HTML <option>

Przykład

Przykład 1

Znajdź, ile opcji znajduje się w określonym elemencie <datalist>:

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

Spróbuj sam

Wynik x będzie:

5

Wskazówka:Więcej przykładów znajduje się na dole strony.

Gramatyka

datalistObject.options

Właściwość

Właściwość Opis
length

Zwraca liczbę elementów w zbiorze <option>.

Uwaga:Ta właściwość jest jedynie do odczytu.

Metoda

Metoda Opis
[index]

Zwraca element <option> z określonym indeksem (zaczynając od 0).

Uwaga:Zwraca null, jeśli numer indeksu jest poza zakresem.
item(index)

Zwraca element <option> z określonym indeksem (zaczynając od 0).

Uwaga:Zwraca null, jeśli numer indeksu jest poza zakresem.
namedItem(id)

z określonym id zwraca element <option> z tego zbioru.

Uwaga:Jeśli id Zwraca null, jeśli nie istnieje.

Szczegóły techniczne

Wersja DOM: Core Level 2 Document Object
Zwrócona wartość:

Obiekt HTMLCollection, reprezentujący wszystkie Element <option>.

Elementy w zbiorze są sortowane według kolejności ich wystąpienia w kodzie źródłowym.

Obsługiwane przeglądarki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Obsługiwane 10.0 Obsługiwane Obsługiwane Obsługiwane

Więcej przykładów

Przykład 2: [index]

Uzyskaj wartość pierwszej opcji listy danych (indeks 0):

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

Spróbuj sam

Wynik x będzie:

Internet Explorer

Przykład 3: item(index)

Uzyskaj wartość pierwszej opcji listy danych (indeks 0):

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

Spróbuj sam

Wynik x będzie:

Internet Explorer

Przykład 4: namedItem(name_or_id)

Uzyskaj wartość opcji z listy danych o id="google":

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

Spróbuj sam

Wynik x będzie:

Chrome

Przykład 5

Przejdź przez wszystkie opcje listy danych i wyświetl wartość 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>";
}

Spróbuj sam

Wynik txt będzie brzmiał:

Internet Explorer
Firefox
Chrome
Opera
Safari

Obiekt Datalist DOM HTML