选择 add() 方法
示例
在下拉列表的末尾添加一个“奇异果”选项
var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "奇异果";
x.add(option);
试试看 »
描述
add() 方法用于向下拉列表添加选项。
提示:要从下拉列表中删除选项,请使用 remove() 方法。
浏览器支持
方法 | |||||
---|---|---|---|---|---|
add() | 是 | 是 | 是 | 是 | 是 |
语法
selectObject.add(option, index)
参数值
参数 | 描述 |
---|---|
option | 必需。指定要添加的选项。必须是选项或选项组元素 |
index | 可选。一个整数,指定要插入新选项元素的索引位置。索引从 0 开始。如果未指定索引,则新选项将插入列表的末尾 |
技术细节
返回值 | 没有返回值 |
---|
更多示例
示例
在下拉列表的开头添加一个“奇异果”选项
var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "奇异果";
x.add(option, x[0]);
试试看 »
示例
在下拉列表的索引位置“2”添加一个“奇异果”选项
var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "奇异果";
x.add(option, x[2]);
试试看 »
示例
在下拉列表中选定选项之前添加选项
var x = document.getElementById("mySelect");
if (x.selectedIndex >= 0) {
var option = document.createElement("option");
option.text = "奇异果";
var sel = x.options[x.selectedIndex];
x.add(option, sel);
}
试试看 »
❮ 选择对象