Esempio
Scopri quante opzioni ci sono in una specifica <datalist> elemento:
var x = document.getElementById("browsers").options.length;Il risultato di x sarà:
5 Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La collezione opzioni restituisce un insieme di tutte le opzioni in un <datalist> elemento.
Note: Gli elementi della collezione sono ordinati come appaiono nel codice sorgente.
Supporto browser
| Collezione | |||||
|---|---|---|---|---|---|
| options | sì | 10.0 | sì | sì | sì |
Sintassi
datalistObject .optionsProprietà
| Proprietà | Descrizione |
|---|---|
| length | Restituisce il numero di <option> elementi della collezione. Nota: questa proprietà è di sola lettura |
metodi
| Metodo | Descrizione |
|---|---|
| [ index ] | Restituisce il <option> elemento della collezione con l'indice specificato (starts at 0) . Nota: Restituisce null se il numero di indice è fuori portata |
| item( index ) | Restituisce il <option> elemento della collezione con l'indice specificato (starts at 0) . Nota: Restituisce null se il numero di indice è fuori portata |
| namedItem( id ) | Restituisce il <option> elemento della collezione con l'ID specificato. Nota: restituisce null se l'ID non esiste |
Dettagli tecnici
| DOM Versione: | Nucleo livello di oggetto di documento 2 |
|---|---|
| Valore di ritorno: | Un oggetto HTMLCollection, in rappresentanza di tutti <option> elementi del <datalist> elemento. Gli elementi della collezione sono ordinati come appaiono nel codice sorgente |
Altri esempi
Esempio
[Index]
Ottenere il valore della prima opzione (index 0) in un datalist:
var x = document.getElementById("browsers").options[0].value;Il risultato di x sarà:
Internet Explorer Prova tu stesso " Esempio
item( index )
Ottenere il valore della prima opzione (index 0) in un datalist:
var x = document.getElementById("browsers").options.item(0).value;Il risultato di x sarà:
Internet Explorer Prova tu stesso " Esempio
namedItem( name_or_id )
Prendi 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 Prova tu stesso " Esempio
Loop attraverso tutte le opzioni in un DataList, e di uscita dei valori di opzione:
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 Prova tu stesso " <Oggetto Datalist