Veri listesi seçenekleri Koleksiyonu
Örnek
Belirli bir <datalist> öğesinde kaç seçenek olduğunu öğrenin:
var x = document.getElementById("browsers").options.length;
x'in sonucu şöyle olacaktır:
5
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Seçenekler koleksiyonu, bir <datalist> öğesindeki tüm seçeneklerin bir koleksiyonunu döndürür.
Not: Koleksiyondaki öğeler, kaynak kodda göründükleri gibi sıralanır.
Tarayıcı Desteği
Collection | |||||
---|---|---|---|---|---|
options | Yes | 10.0 | Yes | Yes | Yes |
Sözdizimi
datalistObject.options
Özellikler
Property | Description |
---|---|
length | Returns the number of <option> elements in the collection. Note: This property is read-only |
yöntemler
Method | Description |
---|---|
[index] | Returns the <option> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <option> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <option> element from the collection with the specified id. Note: Returns null if the id does not exist |
Teknik detaylar
DOM Sürümü: | Çekirdek Düzey 2 Belge Nesnesi |
---|---|
Geri dönüş değeri: | <datalist> öğesindeki tüm <option> öğelerini temsil eden bir HTMLCollection Nesnesi. Koleksiyondaki öğeler, kaynak kodda göründükleri gibi sıralanır. |
Daha fazla örnek
Örnek
[ dizin ]
Bir veri listesindeki ilk seçeneğin (indeks 0) değerini alın:
var x = document.getElementById("browsers").options[0].value;
x'in sonucu şöyle olacaktır:
Internet Explorer
Örnek
öğe ( dizin )
Bir veri listesindeki ilk seçeneğin (indeks 0) değerini alın:
var x = document.getElementById("browsers").options.item(0).value;
x'in sonucu şöyle olacaktır:
Internet Explorer
Örnek
nameItem( name_or_id )
Bir veri listesinde id="google" ile seçeneğin değerini alın:
var x = document.getElementById("browsers").options.namedItem("google").value;
x'in sonucu şöyle olacaktır:
Chrome
Örnek
Bir veri listesindeki tüm seçenekler arasında dolaşın ve seçenek değerlerini çıktılayı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>";
}
txt'nin sonucu şöyle olacaktır:
Internet Explorer
Firefox
Chrome
Opera
Safari
❮ Veri Listesi Nesnesi