Datalist options 集合

HTML DOM Datalist objekt

定义和用法

options sætget returnerer <datalist> element alle valg.

Bemærkninger:Elementerne i sætget er sorteret efter deres forekomst i kildekoden.

Se også:

HTML referencemanual:HTML <datalist> tag

HTML referencemanual:HTML <option> tag

Eksempel

Eksempel 1

Find antallet af valg i det specifikke <datalist> element:

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

Prøv det selv

x'ens resultat vil være:

5

Vedvisning:Flere eksempler findes nedenfor på siden.

Syntaks

datalistObject.options

Egenskab

Egenskab Beskrivelse
length

Returnerer antallet af <option> elementer i sætget.

Bemærkninger:Denne egenskab er skrivebeskyttet.

Metode

Metode Beskrivelse
[index]

Returnerer <option> elementet med det angivne indeks (fra 0).

Bemærkninger:Returnerer null, hvis indeksnummeret er uden for rækkevidde.
item(index)

Returnerer <option> elementet med det angivne indeks (fra 0).

Bemærkninger:Returnerer null, hvis indeksnummeret er uden for rækkevidde.
namedItem(id)

med id sætget returnerer <option> elementer.

Bemærkninger:Hvis id Returnerer null, hvis det ikke findes.

Tekniske detaljer

DOM version: Core Level 2 Document Object
Returværdi:

HTMLCollection objekt, der repræsenterer alle <option> element.

Elementerne i sætget er sorteret efter deres forekomst i kildekoden.

Browserversioner

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 10.0 Support Support Support

Flere eksempler

Eksempel 2: [index]

Få værdien af det første valg i data listen (indeks 0):

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

Prøv det selv

x'ens resultat vil være:

Internet Explorer

Eksempel 3: item(index)

Få værdien af det første valg i data listen (indeks 0):

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

Prøv det selv

x'ens resultat vil være:

Internet Explorer

Eksempel 4: namedItem(name_or_id)

Få værdien af valget med id="google" i data listen:

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

Prøv det selv

x'ens resultat vil være:

Chrome

Eksempel 5

Gennemløb data listen over alle valg og output valg værdi:

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

Prøv det selv

txt resultat vil være:

Internet Explorer
Firefox
Chrome
Opera
Safari

HTML DOM Datalist objekt