Select add() 方法

Objek DOM Select HTML

定義和用法

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, indeks)

Nilai parameter

Parameter Penerangan
option Diperlukan. Tentukan pilihan yang akan ditambahkan. Mesti adalah elemen option atau optgroup.
indeks

Pilihan. Bulatan, tentukan kedudukan indeks elemen pilihan baru yang akan dimasukkan. Indeks bermula daripada 0.

Jika indeks belum ditetapkan, pilihan baru akan dimasukkan ke akhir senarai.

Butir teknikal

Nilai balik:

Tiada nilai balik.

Dukungan pelayar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan

Objek DOM Select HTML