選擇 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 物件