Select add() Methode

HTML DOM Select-Objekt

Definition und Verwendung

add() Diese Methode wird verwendet, um Optionen zur Dropdown-Liste hinzuzufügen.

Hinweis:Um eine Option aus der Dropdown-Liste zu löschen, verwenden Sie remove() Methode.

Beispiel

Beispiel 1

Fügen Sie die Option "Kiwi" am Ende der Dropdown-Liste hinzu:

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

probieren Sie es selbst

Beispiel 2

Fügen Sie die Option "Kiwi" am Anfang der Dropdown-Liste hinzu:

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

probieren Sie es selbst

Beispiel 3

Fügen Sie die Option "Kiwi" an der Stelle "2" in der Dropdown-Liste hinzu:

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

probieren Sie es selbst

Beispiel 4

Fügen Sie vor der ausgewählten Option in der Dropdown-Liste eine Option hinzu:

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

probieren Sie es selbst

Satz

selectObjectadd(option, index)

Parameterwert

Parameter Beschreibung
option Erforderlich. Bestimmt das zu fügenden Element. Es muss ein option- oder optgroup-Element sein.
index

Optional. Ganzzahl, die den Index der Position angibt, an der das neue Element eingefügt werden soll. Der Index beginnt bei 0.

Falls kein Index angegeben ist, wird das neue Element am Ende der Liste eingefügt.

Technische Details

Rückgabewert:

Kein Rückgabewert.

Browserkompatibilität

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

HTML DOM Select-Objekt