最新的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);
}
試一試»

<選擇對象