Datalist seçenekleri koleksiyonu

HTML DOM Datalist nesnesi

tanım ve kullanım

seçenekler 集合返回 Koleksiyon, elemanları döner. <datalist> elementi

Açıklama:tüm seçeneklerin koleksiyonu.

Koleksiyondaki elemanlar, kaynak kodunda göründükleri sırayla sıralanır。

Ayrıca bkz:HTML <datalist> etiketi

Ayrıca bkz:HTML <option> etiketi

HTML Referans Kılavuzu:

Örnek

Örnek 1

Belirtilmiş <datalist> elementindeki seçenek sayısını bulun：

Kişisel olarak deneyin

x sonucu şu olacak:

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

5İpucu:

Sayfa altında daha fazla örnek sağlanmaktadır。

SözdizimidatalistObject

.options

.options Açıklama
Özellik

length

Açıklama:Bu özellik, koleksiyondaki <option> elementlerinin sayısını döner。

Bu özellik yalnızca okunabilir.

Bu özellik yalnızca okunabilir. Açıklama
[index]

Belirtilmiş indeks (0'dan başlayarak) olan <option> elementini koleksiyondan döner。

Açıklama:İndeks numarası aralığın dışında ise null döner。
item(index)

Belirtilmiş indeks (0'dan başlayarak) olan <option> elementini koleksiyondan döner。

Açıklama:İndeks numarası aralığın dışında ise null döner。
namedItem(id)

belirtilmiş id koleksiyonunda <option> elementi döner。

Açıklama:Eğer id Yoksa null döner。

Teknik ayrıntılar

DOM sürümü: Core Level 2 Document Object
Dönüş değeri:

HTMLCollection nesnesi, <datalist> elementindeki tüm <option> elementi。

Koleksiyondaki elemanlar, kaynak kodunda göründükleri sırayla sıralanır。

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Desteklenir 10.0 Desteklenir Desteklenir Desteklenir

Daha fazla örnek

Örnek 2: [index]

Veri listesindeki ilk seçeneğin (sıra numarası 0) değerini alın：

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

Kişisel olarak deneyin

x sonucu şu olacak:

Internet Explorer

Örnek 3: item(index)

Veri listesindeki ilk seçeneğin (sıra numarası 0) değerini alın：

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

Kişisel olarak deneyin

x sonucu şu olacak:

Internet Explorer

Örnek 4: namedItem(name_or_id)

Veri listesinde id="google" olan seçenek değerini alın：

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

Kişisel olarak deneyin

x sonucu şu olacak:

Chrome

Örnek 5

Veri listesindeki tüm seçenekleri dolaş ve seçenek değerlerini çıktıya yazın：

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

Kişisel olarak deneyin

txt'nin sonucu şu olacak:

Internet Explorer
Firefox
Chrome
Opera
Safari

HTML DOM Datalist nesnesi