Oggetto DOM Select HTML

Oggetto Select

L'oggetto Select rappresenta l'elemento HTML <select>.

Accesso all'oggetto Select

Puoi accedere all'elemento <select> utilizzando getElementById():

var x = document.getElementById("mySelect");

Prova tu stesso

Suggerimento:Puoi anche accedere all'oggetto Select navigando attraverso la raccolta elements del modulo.

Creazione dell'oggetto Select

Puoi creare un elemento <select> utilizzando il metodo document.createElement():

var x = document.createElement("SELECT");

Prova tu stesso

Raccolta dell'oggetto Select

Raccolta Descrizione
options Restituisce una raccolta di tutte le opzioni nella lista a discesa.

Proprietà dell'oggetto Select

Proprietà Descrizione
autofocus Imposta o restituisce se la lista a discesa dovrebbe ottenere automaticamente il focus quando la pagina viene caricata.
disabled Imposta o restituisce se la lista a discesa è disabilitata.
form Restituisce un riferimento al modulo contenente la lista a discesa.
length Restituisce il numero di elementi <option> nella lista a discesa.
multiple Imposta o restituisce se è possibile selezionare più opzioni nella lista a discesa.
name Imposta o restituisce il valore dell'attributo name della lista a discesa.
selectedIndex Imposta o restituisce l'indice dell'opzione selezionata nella lista a discesa.
size Imposta o restituisce il valore dell'attributo size della lista a discesa.
type Restituisce il tipo di elemento di forma della lista a discesa.
value Imposta o restituisce il valore dell'opzione selezionata nella lista a discesa.

Metodi dell'oggetto Select

Metodo Descrizione
add() Aggiungi un'opzione alla lista a discesa.
checkValidity()
remove() Elimina un'opzione dalla lista a discesa.

Proprietà e eventi standard

L'oggetto Select supporta contemporaneamente gli standardProprietàeEventi.

Pagine correlate

Corso HTML:Modulo HTML

Manuale di riferimento HTML:Etichetta <select> HTML