Metode add() Select

Objek DOM Select HTML

Definisi dan Penggunaan

add() Metode ini digunakan untuk menambahkan opsi ke daftar pilihan.

Pemberitahuan:Untuk menghapus opsi dari daftar pilihan, gunakan Metode remove().

Contoh

Contoh 1

Tambahkan opsi "Kiwi" di akhir daftar pilihan:

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

cobalah sendiri

Contoh 2

Tambahkan opsi "Kiwi" di awal daftar pilihan:

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

cobalah sendiri

Contoh 3

Tambahkan opsi "Kiwi" di indeks "2" dalam daftar pilihan:

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

cobalah sendiri

Contoh 4

Tambahkan pilihan baru sebelum opsi yang dipilih dalam daftar pilihan:

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

cobalah sendiri

bentuk kalimat

selectObjectmenambahkanoption, index)

Nilai Parameter

Parameter Deskripsi
option Diperlukan. Menentukan opsi yang akan ditambahkan. Harus menjadi elemen option atau optgroup.
index

Pilihan. Angka, menentukan posisi indeks yang harus dimasukkan elemen opsi baru. Indeks dimulai dari 0.

Jika indeks belum ditentukan, opsi baru akan dimasukkan ke ujung daftar.

Detil Teknologi

Nilai kembalian:

Tidak ada nilai kembalian.

Dukungan Browser

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

Objek DOM Select HTML