Select add() 方法

HTML DOM Select 对象

定义和用法

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

亲自试一试

语法

selectObject.add(option, index)

参数值

参数 描述
option 必需。规定要添加的选项。必须是 option 或 optgroup 元素。
index

可选。整数，规定应该插入新选项元素的索引位置。索引从 0 开始。

如果未规定索引，则新选项将插入列表末尾。

技术细节

返回值：

无返回值。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML DOM Select 对象