Raccolta opzioni Datalist
Definizione e uso
opzioni
La raccolta restituisce Elemento <datalist> tutti gli elementi delle opzioni.
Nota:Gli elementi della raccolta sono ordinati nell'ordine in cui compaiono nel codice sorgente.
Vedi anche:
Manuale di riferimento HTML:Etichetta <datalist> HTML
Manuale di riferimento HTML:Etichetta <option> HTML
Esempio
Esempio 1
Trova quante opzioni ci sono nel <datalist> specificato:
var x = document.getElementById("browsers").options.length;
Il risultato di x sarà:
5
Suggerimento:Più esempi sono disponibili nella pagina sottostante.
Sintassi
datalistObject.options
Proprietà
Proprietà | Descrizione |
---|---|
length |
Restituisce il numero di elementi nella raccolta <option>. Nota:Questa proprietà è sola lettura. |
Metodo
Metodo | Descrizione |
---|---|
[index] |
Restituisce l'elemento <option> con l'indice specificato (partendo da 0) dalla raccolta. Nota:Se il numero di indice è fuori gamma, restituisce null. |
item(index) |
Restituisce l'elemento <option> con l'indice specificato (partendo da 0) dalla raccolta. Nota:Se il numero di indice è fuori gamma, restituisce null. |
namedItem(id) |
con id ritorna l'elemento <option> nella raccolta. Nota:Se id Se non esiste, restituisce null. |
Dettagli tecnici
Versione DOM: | Core Level 2 Document Object |
---|---|
Valore di ritorno: |
Oggetto HTMLCollection, che rappresenta tutti gli Elemento <option>. Gli elementi della raccolta sono ordinati nello stesso ordine in cui compaiono nel codice sorgente. |
Supporto dei browser
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Supportato | 10.0 | Supportato | Supportato | Supportato |
Più esempi
Esempio 2: [index]
Ottieni il valore della prima opzione nella lista di dati (indice 0):
var x = document.getElementById("browsers").options[0].value;
Il risultato di x sarà:
Internet Explorer
Esempio 3: item(index)
Ottieni il valore della prima opzione nella lista di dati (indice 0):
var x = document.getElementById("browsers").options.item(0).value;
Il risultato di x sarà:
Internet Explorer
Esempio 4: namedItem(name_or_id)
Ottieni il valore dell'opzione con id="google" nella lista di dati:
var x = document.getElementById("browsers").options.namedItem("google").value;
Il risultato di x sarà:
Chrome
Esempio 5
Cicla attraverso tutti gli elementi della lista di dati e visualizza il valore dell'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