Select add() 方法

HTML DOM Select 對象

定義和用法

add() 方法用于向下拉列表添加選項。

提示：如需從下拉列表中刪除選項，請使用 remove() 方法。

實例

例子 1

在下拉列表末尾添加 "Kiwi" 選項：

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option);

親自試一試

例子 2

在下拉列表的開頭添加 "Kiwi" 選項：

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[0]);

親自試一試

例子 3

在下拉列表的索引位置 "2" 處添加 "Kiwi" 選項：

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[2]);

親自試一試

例子 4

在下拉列表中的所選定的選項之前添加一個選項：

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);
}

親自試一試

語法

selectObject.add(option, index)

參數值

參數 描述
option 必需。規定要添加的選項。必須是 option 或 optgroup 元素。
index

可選。整數，規定應該插入新選項元素的索引位置。索引從 0 開始。

如果未規定索引，則新選項將插入列表末尾。

技術細節

返回值：

無返回值。

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML DOM Select 對象