مثال
معرفة عدد خيارات هناك في معين <datalist> العنصر:
var x = document.getElementById("browsers").options.length;ونتيجة لالعاشر على النحو التالي:
5 انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
مجموعة خيارات بإرجاع مجموعة من كافة الخيارات في <datalist> العنصر.
Note: يتم فرز العناصر في المجموعة كما تظهر في شفرة المصدر.
دعم المتصفح
| مجموعة | |||||
|---|---|---|---|---|---|
| options | نعم فعلا | 10.0 | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
datalistObject .optionsالخصائص
| خاصية | وصف |
|---|---|
| length | إرجاع عدد <option> عناصر في المجموعة. ملاحظة: هذه الخاصية للقراءة فقط |
أساليب
| طريقة | وصف |
|---|---|
| [ index ] | إرجاع <option> عنصر من المجموعة مع الفهرس المحدد (starts at 0) . ملاحظة: إرجاع فارغة إذا كان الرقم القياسي خارج النطاق |
| item( index ) | إرجاع <option> عنصر من المجموعة مع الفهرس المحدد (starts at 0) . ملاحظة: إرجاع فارغة إذا كان الرقم القياسي خارج النطاق |
| namedItem( id ) | إرجاع <option> عنصر من مجموعة مع معرف المحدد. ملاحظة: إرجاع فارغة حالة عدم وجود هوية |
تفاصيل تقنية
| صفحة DOM: | المستوى الأساسي كائن 2 الوثيقة |
|---|---|
| قيمة الإرجاع: | كائن HTMLCollection، تمثل جميع <option> العناصر في <datalist> العنصر. يتم فرز العناصر في المجموعة كما تظهر في التعليمات البرمجية المصدر |
مزيد من الأمثلة
مثال
[المؤشر]
الحصول على قيمة الخيار الأول (index 0) في Datalist على:
var x = document.getElementById("browsers").options[0].value;ونتيجة لالعاشر على النحو التالي:
Internet Explorer انها محاولة لنفسك » مثال
item( index )
الحصول على قيمة الخيار الأول (index 0) في Datalist على:
var x = document.getElementById("browsers").options.item(0).value;ونتيجة لالعاشر على النحو التالي:
Internet Explorer انها محاولة لنفسك » مثال
namedItem( name_or_id )
الحصول على قيمة الخيار مع معرف = "جوجل" في Datalist على:
var x = document.getElementById("browsers").options.namedItem("google").value;ونتيجة لالعاشر على النحو التالي:
Chrome انها محاولة لنفسك » مثال
حلقة من خلال جميع الخيارات في Datalist على، وإخراج القيم الخيار:
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 على كائن