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;

Prova personalmente

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;

Prova personalmente

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;

Prova personalmente

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;

Prova personalmente

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>";
}

Prova personalmente

Il risultato di txt sarà:

Internet Explorer
Firefox
Chrome
Opera
Safari