最新的Web开发教程
 

选择add() Method

<选择对象

添加"Kiwi" ,在下拉列表的末尾选项:

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

定义和用法

所述add()方法用来增加一个选项,以一个下拉列表。

提示:从下拉列表中删除选项,使用remove()方法。


浏览器支持

方法
add()

句法

selectObject .add( 参数值
参数 描述
option 需要。 指定要添加的选项。 必须是一个选项或OPTGROUP元素
index 可选的。 用于指定其中新的选项元素应该被插入的索引位置的整数。 指数从0开始。如果没有指定索引,新的选项将在列表的末尾插入

技术细节

返回值: 无返回值

更多示例

添加"Kiwi"在下拉列表的开始选项:

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

添加"Kiwi"索引位置选择"2"下拉列表:

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

在下拉列表中选择一个选项之前增加一个选项:

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);
}
试一试»

<选择对象