Select add() metodi

HTML DOM Select-objekti

Määritelmä ja käyttö

add() Tämä metodi lisää vaihtoehdon pudotusvalikkoon.

Vinkki:Jos haluat poistaa vaihtoehdon pudotusvalikosta, käytä Poista() metodi.

Esimerkki

Esimerkki 1

Lisää "Appelsiini" -valinta pudotusvalikon loppuun:

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Appelsiini";
x.add(option);

Kokeile itse

Esimerkki 2

Lisää "Appelsiini" -valinta pudotusvalikon alkuun:

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Appelsiini";
x.add(option, x[0]);

Kokeile itse

Esimerkki 3

Lisää "Appelsiini" -valinta pudotusvalikon indeksipisteeseen "2":

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Appelsiini";
x.add(option, x[2]);

Kokeile itse

Esimerkki 4

Lisää valinta ennen valittua vaihtoehtoa pudotusvalikossa:

var x = document.getElementById("mySelect");
if (x.selectedIndex >= 0) {
  var option = document.createElement("option");
  option.text = "Appelsiini";
  var sel = x.options[x.selectedIndex]; 
  x.add(option, sel);
}

Kokeile itse

Kielitiede

valitseObjektiLisää .add(option, index)

Parametrien arvot

Parametrit Kuvaus
option Välttämätön. Määrittää lisättävän valinnan. T musta olla option- tai optgroup-elementti.
index

Valinnainen. kokonaisluku, joka määrittää uuden valinnan sijoituksen listassa. Indeksi alkaa 0:sta.

Jos indeksiä ei määritetty, uusi valinta lisätään luettelon loppuun.

Tekninen yksityiskohta

Palaute:

Ei paluuarvoa.

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML DOM Select-objekti