Opzioni Datalist Raccolta
Esempio
Scopri quante opzioni ci sono in uno specifico elemento <datalist>:
var x = document.getElementById("browsers").options.length;
Il risultato di x sarà:
5
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La raccolta di opzioni restituisce una raccolta di tutte le opzioni in un elemento <datalist>.
Nota: gli elementi nella raccolta sono ordinati come appaiono nel codice sorgente.
Supporto browser
| Collection | |||||
|---|---|---|---|---|---|
| options | Yes | 10.0 | Yes | Yes | Yes |
Sintassi
datalistObject.options
Proprietà
| Property | Description |
|---|---|
| length | Returns the number of <option> elements in the collection. Note: This property is read-only |
Metodi
| 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 |
Dettagli tecnici
| Versione DOM: | Oggetto documento di livello principale 2 |
|---|---|
| Valore di ritorno: | Un oggetto HTMLCollection, che rappresenta tutti gli elementi <option> nell'elemento <datalist>. Gli elementi nella raccolta sono ordinati come appaiono nel codice sorgente |
Altri esempi
Esempio
[ indice ]
Ottieni il valore della prima opzione (indice 0) in un datalist:
var x = document.getElementById("browsers").options[0].value;
Il risultato di x sarà:
Internet Explorer
Esempio
articolo ( indice )
Ottieni il valore della prima opzione (indice 0) in un datalist:
var x = document.getElementById("browsers").options.item(0).value;
Il risultato di x sarà:
Internet Explorer
Esempio
namedItem( name_or_id )
Ottieni il valore dell'opzione con id="google" in un datalist:
var x = document.getElementById("browsers").options.namedItem("google").value;
Il risultato di x sarà:
Chrome
Esempio
Scorri tutte le opzioni in un elenco dati e genera i valori delle opzioni:
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}
Il risultato di txt sarà:
Internet Explorer
Firefox
Chrome
Opera
Safari
❮ Oggetto Datalist