Select add() 方法

HTML DOM Select nesnesi

定义和用法

add() 方法用于向下拉列表添加选项。

提示：如需从下拉列表中删除选项，请使用 remove() 方法。

实例

例子 1

在下拉列表末尾添加 "Kiwi" 选项：

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

亲自试一试

例子 2

在下拉列表的开头添加 "Kiwi" 选项：

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

亲自试一试

例子 3

在下拉列表的索引位置 "2" 处添加 "Kiwi" 选项：

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

亲自试一试

例子 4

在下拉列表中的所选定的选项之前添加一个选项：

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);
}

亲自试一试

语法

selectObjectadd(option, index)

Parametre değeri

Parametre Açıklama
option Gerekli. Eklenecek seçenek belirtilir. option veya optgroup öğesi olmalıdır.
index

Opsiyonel. Tamsayı, yeni seçenek öğesinin ekleneceği yeni konumu belirler. İndeks 0'dan başlar.

İndeks belirtilmemişse, yeni seçenek listede sona eklenecektir.

Teknik ayrıntılar

Dönüş değeri:

Dönüş değeri yok.

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

HTML DOM Select nesnesi