Koleksi Datalist options

Objek Datalist DOM HTML

definisi dan penggunaan

options Kumpulan yang diembalikan Elemen <datalist> .

Keterangan:Elemen dalam kumpulan diurutkan sesuai urutan munculnya di kode asli.

Lihat juga:

Panduan HTML:Tanda <datalist> HTML

Panduan HTML:Tanda <option> HTML

Contoh

Contoh 1

Cari berapa banyak opsi yang ada di dalam elemen <datalist> yang ditentukan:

var x = document.getElementById("browsers").options.length;

Coba Sendiri

Hasil x akan menjadi:

5

Petunjuk:Beberapa contoh lain disediakan di bawah halaman.

Sintaks

datalistObject.options

Atribut

Atribut Deskripsi
length

Kembalikan jumlah elemen <option> dalam kumpulan.

Keterangan:Atribut ini hanya baca.

Metode

Metode Deskripsi
[indeks]

Kembalikan elemen <option> yang ada dengan indeks yang ditentukan (mulai dari 0).

Keterangan:Jika nomor indeks melebihi rentang, kembalikan null.
item(indeks)

Kembalikan elemen <option> yang ada dengan indeks yang ditentukan (mulai dari 0).

Keterangan:Jika nomor indeks melebihi rentang, kembalikan null.
namedItem(id)

dengan id kumpulan yang ada kembalikan elemen <option>.

Keterangan:Jika id Jika tidak ada, kembalikan null.

Detil teknis

Versi DOM: Core Level 2 Document Object
Nilai kembalian:

Objek HTMLCollection, mewakili semua Elemen <option>.

Elemen dalam kumpulan diurutkan sesuai urutan munculnya di kode asli.

Dukungan peramban

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

Beberapa contoh lain

Contoh 2: [indeks]

Ambil nilai opsi opsi pertama dalam daftar data (indeks 0):

var x = document.getElementById("browsers").options[0].value;

Coba Sendiri

Hasil x akan menjadi:

Internet Explorer

Contoh 3: item(indeks)

Ambil nilai opsi opsi pertama dalam daftar data (indeks 0):

var x = document.getElementById("browsers").options.item(0).value;

Coba Sendiri

Hasil x akan menjadi:

Internet Explorer

Contoh 4: namedItem(name_or_id)

Ambil nilai opsi opsi id="google" dalam daftar data:

var x = document.getElementById("browsers").options.namedItem("google").value;

Coba Sendiri

Hasil x akan menjadi:

Chrome

Contoh 5

Luringgulik data daftar opsi seluruhnya dan keluarkan nilai opsi:

var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.options.length; i++) {
  txt = txt + x.options[i].value + "<br>";
}

Coba Sendiri

Hasil txt akan menjadi:

Internet Explorer
Firefox
Chrome
Opera
Safari

Objek Datalist DOM HTML