tutorial pengembangan web terbaru
 

Pilihan datalist Koleksi

<Datalist Object

Contoh

Cari tahu berapa banyak pilihan ada di tertentu <datalist> elemen:

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

Hasil x akan:

5
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Pilihan koleksi mengembalikan koleksi semua pilihan dalam <datalist> elemen.

Note: Elemen-elemen dalam koleksi diurutkan seperti yang muncul dalam kode sumber.

Dukungan Browser

Koleksi
options iya nih 10,0 iya nih iya nih iya nih

Sintaksis

datalistObject .options

properti

Milik Deskripsi
length Mengembalikan jumlah <option> elemen dalam koleksi.

Catatan: Properti ini read-only

metode

metode Deskripsi
[ index ] Mengembalikan <option> elemen dari koleksi dengan indeks tertentu (starts at 0) .

Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan
item( index ) Mengembalikan <option> elemen dari koleksi dengan indeks tertentu (starts at 0) .

Catatan: Mengembalikan null jika jumlah indeks berada di luar jangkauan
namedItem( id ) Mengembalikan <option> elemen dari koleksi dengan id tertentu.

Catatan: Mengembalikan null jika id tidak ada

Rincian teknis

DOM Versi: Inti Level 2 Document Object
Kembali Nilai: Sebuah HTMLCollection Object, yang mewakili semua <option> elemen dalam <datalist> elemen. Unsur-unsur dalam koleksi diurutkan seperti yang muncul dalam kode sumber
contoh

Contoh lebih

Contoh

[Index]

Mendapatkan nilai opsi pertama (index 0) di datalist:

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

Hasil x akan:

Internet Explorer
Cobalah sendiri "

Contoh

item( index )

Mendapatkan nilai opsi pertama (index 0) di datalist:

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

Hasil x akan:

Internet Explorer
Cobalah sendiri "

Contoh

namedItem( name_or_id )

Mendapatkan nilai opsi dengan id = "google" dalam datalist:

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

Hasil x akan:

Chrome
Cobalah sendiri "

Contoh

Loop melalui semua pilihan di datalist, dan output 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>";
}

Hasil txt akan:

Internet Explorer
Firefox
Chrome
Opera
Safari
Cobalah sendiri "
<Datalist Object