选择 add() 方法
示例
在下拉列表中末尾添加一个“Kiwi”选项
var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option);
自己动手试一试 »
描述
add() 方法用于将选项添加到下拉列表中。
提示: 要从下拉列表中删除选项,请使用 remove() 方法。
浏览器支持
方法 | |||||
---|---|---|---|---|---|
add() | 是 | 是 | 是 | 是 | 是 |
语法
selectObject.add(option, index)
参数值
参数 | 描述 |
---|---|
option | 必需。指定要添加的选项。必须是 option 或 optgroup 元素 |
index | 可选。一个整数,指定新选项元素的插入位置。索引从 0 开始。如果未指定索引,新选项将插入列表的末尾 |
技术详情
返回值 | 无返回值 |
---|
更多示例
示例
在下拉列表的开头添加一个“Kiwi”选项
var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[0]);
自己动手试一试 »
示例
在下拉列表的索引位置“2”添加一个“Kiwi”选项
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);
}
自己动手试一试 »
❮ Select 对象