مجموعة خيارات Datalist
مثال
اكتشف عدد الخيارات الموجودة في عنصر <datalist> محدد:
var x = document.getElementById("browsers").options.length;
ستكون نتيجة x :
5
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تقوم مجموعة الخيارات بإرجاع مجموعة من كل الخيارات في عنصر <datalist>.
ملاحظة: يتم فرز العناصر الموجودة في المجموعة كما تظهر في التعليمات البرمجية المصدر.
دعم المتصفح
Collection | |||||
---|---|---|---|---|---|
options | Yes | 10.0 | Yes | Yes | Yes |
بناء الجملة
datalistObject.options
الخصائص
Property | Description |
---|---|
length | Returns the number of <option> elements in the collection. Note: This property is read-only |
طرق
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 |
تفاصيل تقنية
إصدار DOM: | كائن مستند المستوى 2 الأساسي |
---|---|
قيمة الإرجاع: | كائن HTMLCollection ، يمثل جميع عناصر <option> في عنصر <datalist>. يتم فرز العناصر الموجودة في المجموعة كما تظهر في التعليمات البرمجية المصدر |
مزيد من الأمثلة
مثال
[ فهرس ]
احصل على قيمة الخيار الأول (الفهرس 0) في عامل البيانات:
var x = document.getElementById("browsers").options[0].value;
ستكون نتيجة x :
Internet Explorer
مثال
عنصر ( فهرس )
احصل على قيمة الخيار الأول (الفهرس 0) في عامل البيانات:
var x = document.getElementById("browsers").options.item(0).value;
ستكون نتيجة x :
Internet Explorer
مثال
العنصر ( name_or_id )
احصل على قيمة الخيار مع id = "google" في قائمة البيانات:
var x = document.getElementById("browsers").options.namedItem("google").value;
ستكون نتيجة x :
Chrome
مثال
قم بالتكرار خلال جميع الخيارات في قاعدة البيانات ، ثم قم بإخراج قيم الخيار:
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}
ستكون نتيجة النص :
Internet Explorer
Firefox
Chrome
Opera
Safari
❮ كائن Datalist