Select add() 方法

HTML DOM Select-objekt

定义和用法

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)

Parametervärde

Parameter Beskrivning
option Obligatoriskt. Specificerar vad som ska läggas till. Måste vara en option eller optgroup-element.
index

Valfritt. Heltal, som specificerar var den nya alternativelementen bör infogas. Index börjar vid 0.

Om ingen index är specificerad, kommer den nya alternativet att infogas i listans slut.

Tekniska detaljer

Returvärde:

Ingen returvärde.

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd

HTML DOM Select-objekt