Datalist opties verzameling

HTML DOM Datalist object

definitie en gebruik

opties De verzameling retourneert <datalist> element van alle opties.

Opmerking:De elementen in de verzameling worden gesorteerd op de volgorde waarin ze in de broncode verschijnen.

Zie ook:

HTML Referentiemanual:HTML <datalist> tag

HTML Referentiemanual:HTML <option> tag

Voorbeeld

Voorbeeld 1

Vind het aantal opties in het opgegeven <datalist> element:

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

Try it yourself

Het resultaat van x zal zijn:

5

Tip:Meer voorbeelden zijn beschikbaar onder de pagina.

Syntaxis

datalistObject.options

Eigenschap

Eigenschap Beschrijving
length

Retourneert het aantal <option> elementen in de verzameling.

Opmerking:Deze eigenschap is alleen lezen.

Methode

Methode Beschrijving
[index]

Retourneert het <option> element met de opgegeven index (beginnend bij 0) uit de verzameling.

Opmerking:Retourneert null als het indexnummer buiten bereik is.
item(index)

Retourneert het <option> element met de opgegeven index (beginnend bij 0) uit de verzameling.

Opmerking:Retourneert null als het indexnummer buiten bereik is.
namedItem(id)

met een specifieke id van de verzameling retourneert <option> elementen.

Opmerking:Als id Retourneert null als het niet bestaat.

Technische details

DOM versie: Core Level 2 Document Object
Retourwaarde:

HTMLCollection object, dat alle <option> element.

De elementen in de verzameling worden gesorteerd op de manier waarop ze in de broncode verschijnen.

Browserondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ondersteuning 10.0 Ondersteuning Ondersteuning Ondersteuning

Meer voorbeelden

Voorbeeld 2: [index]

De waarde van de eerste optie in de lijst van gegevens (index 0) ophalen:

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

Try it yourself

Het resultaat van x zal zijn:

Internet Explorer

Voorbeeld 3: item(index)

De waarde van de eerste optie in de lijst van gegevens (index 0) ophalen:

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

Try it yourself

Het resultaat van x zal zijn:

Internet Explorer

Voorbeeld 4: namedItem(name_or_id)

De waarde van de optie met id="google" in de lijst van gegevens ophalen:

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

Try it yourself

Het resultaat van x zal zijn:

Chrome

Voorbeeld 5

Doorlopend door alle opties in de lijst van gegevens, en de waarde van de optie weergeven:

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

Try it yourself

The result of txt will be:

Internet Explorer
Firefox
Chrome
Opera
Safari

HTML DOM Datalist object