Select add() 方法
实例
在下拉列表末尾添加 "Kiwi" 选项:
var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option);
亲自试一试 »
定义和用法
add() 方法用于向下拉列表添加选项。
提示:要从下拉列表中删除选项,请使用 remove() 方法。
浏览器支持
方法 | |||||
---|---|---|---|---|---|
add() | Yes | Yes | Yes | Yes | Yes |
语法
selectObject.add(option, index)
参数值
参数 | 描述 |
---|---|
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 对象