Datalijst opties Verzameling
Voorbeeld
Ontdek hoeveel opties er zijn in een specifiek <datalist>-element:
var x = document.getElementById("browsers").options.length;
Het resultaat van x zal zijn:
5
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De verzameling opties retourneert een verzameling van alle opties in een <datalist>-element.
Opmerking: de elementen in de collectie worden gesorteerd zoals ze in de broncode worden weergegeven.
Browserondersteuning
Collection | |||||
---|---|---|---|---|---|
options | Yes | 10.0 | Yes | Yes | Yes |
Syntaxis
datalistObject.options
Eigenschappen
Property | Description |
---|---|
length | Returns the number of <option> elements in the collection. Note: This property is read-only |
Methoden:
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 |
Technische details
DOM-versie: | Kernniveau 2 documentobject |
---|---|
Winstwaarde: | Een HTMLCollection-object, dat alle <option>-elementen in het <datalist>-element vertegenwoordigt. De elementen in de collectie worden gesorteerd zoals ze in de broncode voorkomen |
Meer voorbeelden
Voorbeeld
[ index ]
Verkrijg de waarde van de eerste optie (index 0) in een datalijst:
var x = document.getElementById("browsers").options[0].value;
Het resultaat van x zal zijn:
Internet Explorer
Voorbeeld
artikel( index )
Verkrijg de waarde van de eerste optie (index 0) in een datalijst:
var x = document.getElementById("browsers").options.item(0).value;
Het resultaat van x zal zijn:
Internet Explorer
Voorbeeld
genoemdItem( naam_of_id )
Verkrijg de waarde van de optie met id="google" in een datalijst:
var x = document.getElementById("browsers").options.namedItem("google").value;
Het resultaat van x zal zijn:
Chrome
Voorbeeld
Loop door alle opties in een datalijst en voer de optiewaarden uit:
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}
Het resultaat van txt is:
Internet Explorer
Firefox
Chrome
Opera
Safari
❮Datalist-object