En son web geliştirme öğreticiler
 

Datalist seçenekleri Koleksiyonu

<DataList Nesne

Örnek

Belirli içinde kaç tane seçenek öğrenin <datalist> elemanı:

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

X'in sonucu olacaktır:

5
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

Seçenekler koleksiyonu tüm seçeneklerin bir koleksiyon döndürür <datalist> elemanı.

Note: bunlar kaynak kodunda göründükleri gibi koleksiyonunda elemanları sıralanır.


Tarayıcı Desteği

Toplamak
options Evet 10.0 Evet Evet Evet

Sözdizimi

datalistObject .options

Özellikleri

özellik Açıklama
length Sayısını döndürür <option> koleksiyonunda elemanları.

Not: Bu özellik salt okunur

Yöntemler

Yöntem Açıklama
[ index ] İade <option> Belirtilen dizini ile koleksiyonundan eleman (starts at 0) .

Not: dizin numarası aralık dışında ise boş sonucunu döndürür
item( index ) İade <option> Belirtilen dizini ile koleksiyonundan eleman (starts at 0) .

Not: dizin numarası aralık dışında ise boş sonucunu döndürür
namedItem( id ) İade <option> Belirtilen kimliğe sahip koleksiyonundan elemanı.

Not: id yoksa boş sonucunu döndürür

Teknik detaylar

DOM Versiyon: Çekirdek Düzey 2 Belge Nesne
Geri dönüş değeri: Bütün temsil eden bir HTMLCollection Nesne, <option> öğeleri <datalist> elemanı. onlar kaynak kodunda göründükleri gibi koleksiyonunda elemanları sıralanır

Örnekler

Diğer Örnekler

Örnek

[Göstergesi]

İlk seçeneğin değerini alın (index 0) bir datalist içinde:

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

X'in sonucu olacaktır:

Internet Explorer
Kendin dene "

Örnek

item( index )

İlk seçeneğin değerini alın (index 0) bir datalist içinde:

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

X'in sonucu olacaktır:

Internet Explorer
Kendin dene "

Örnek

namedItem( name_or_id )

Bir datalist "google" = kimlikli seçeneğinin değerini alın:

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

X'in sonucu olacaktır:

Chrome
Kendin dene "

Örnek

Bir datalist tüm seçenekleri arasında döngü ve çıkış seçeneği değerleri:

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

Txt sonucu olacaktır:

Internet Explorer
Firefox
Chrome
Opera
Safari
Kendin dene "

<DataList Nesne