Beispiel
Fügen Sie eine "Kiwi" Option am Ende einer Dropdown-Liste:
var x = document.getElementById("mySelect");
var option =
document.createElement("option");
option.text = "Kiwi";
x.add(option);
Versuch es selber " Definition und Verwendung
Die add() Methode wird verwendet , um eine Option zu einer Dropdown-Liste hinzuzufügen.
Tipp: Um eine Option aus einer Dropdown-Liste, verwenden Sie das Entfernen remove() Methode.
Browser-Unterstützung
Methode | |||||
---|---|---|---|---|---|
add() | Ja | Ja | Ja | Ja | Ja |
Syntax
selectObject .add( Parameterwerte Parameter Beschreibung option Erforderlich. Gibt die Option hinzuzufügen. Muss eine Option oder optgroup Element sein index Optional. Eine ganze Zahl ist, die die Indexposition, wo die neue Option Element gibt sollte eingefügt werden. Index beginnt bei 0. Wenn kein Index angegeben ist, wird die neue Option am Ende der Liste eingefügt werden
Technische Details
Rückgabewert: Kein Rückgabewert
Mehr Beispiele
Beispiel
Fügen Sie eine "Kiwi" Option am Anfang einer Dropdown-Liste:
var x = document.getElementById("mySelect");
var option =
document.createElement("option");
option.text = "Kiwi";
x.add(option, x[0]);
Versuch es selber "
Beispiel
Fügen Sie eine "Kiwi" Option an der Indexposition "2" aus einer Dropdown-Liste:
var x = document.getElementById("mySelect");
var option =
document.createElement("option");
option.text = "Kiwi";
x.add(option, x[2]);
Versuch es selber "
Beispiel
Hinzufügen einer Option vor einer ausgewählten Option in einer Dropdown-Liste:
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);
} Versuch es selber "
<Objekt auswählen