Metodo add() di Select

Oggetto Select DOM HTML

Definizione e uso

aggiungi() Il metodo viene utilizzato per aggiungere opzioni alla lista a discesa.

Suggerimento:Per rimuovere un'opzione dalla lista a discesa, utilizzare Metodo remove().

Esempio

Esempio 1

Aggiungi l'opzione "Mela" alla fine della lista a discesa:

var x = document.getElementById("mySelect");
var opzione = document.creaElemento("opzione");
opzione.testo = "Mela";
x.aggiungi(opzione);

prova personalmente

Esempio 2

Aggiungi l'opzione "Mela" all'inizio della lista a discesa:

var x = document.getElementById("mySelect");
var opzione = document.creaElemento("opzione");
opzione.testo = "Mela";
x.aggiungi(opzione, x[0]);

prova personalmente

Esempio 3

Aggiungi l'opzione "Mela" all'indice "2" della lista a discesa:

var x = document.getElementById("mySelect");
var opzione = document.creaElemento("opzione");
opzione.testo = "Mela";
x.aggiungi(opzione, x[2]);

prova personalmente

Esempio 4

Aggiungi un'opzione prima dell'opzione selezionata nella lista a discesa:

var x = document.getElementById("mySelect");
if (x.selezionato >= 0) {
  var opzione = document.creaElemento("opzione");
  opzione.testo = "Mela";
  var sel = x.opzioni[x.selezionato]; 
  x.aggiungi(opzione, sel);
}

prova personalmente

sintassi

selezionaOggettoaggiungi(option, index)

Valore del parametro

Parametro Descrizione
option Obbligatorio. Specifica l'opzione da aggiungere. Deve essere un elemento option o optgroup.
index

Opzionale. Intero, specifica la posizione dell'indice dell'elemento newOption da inserire. L'indice parte da 0.

Se non è specificato l'indice, la nuova opzione viene inserita alla fine della lista.

Dettagli tecnici

Valore di ritorno:

Nessun valore di ritorno.

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Oggetto Select DOM HTML