مجموعة خيارات Datalist
التعريف والاستخدام
خيارات المجموعة العائدة <datalist> عناصر .جميع الخيارات في المجموعة.
ملاحظة:عناصر المجموعة مرتبة حسب ظهورها في الكود المصدر.
انظر أيضًا:
دليل HTMLعلامة <datalist> HTML
دليل HTMLعلامة <option> HTML
مثال
مثال 1
اكتشاف عدد الخيارات المحددة في <datalist> المحدد:
var x = document.getElementById("browsers").options.length;
النتيجة لـ x ستكون:
5
نصيحة:يقدم المزيد من الأمثلة في نهاية الصفحة.
النحو
datalistObject.options
خصائص
| خصائص | وصف |
|---|---|
| length |
يعود بعدد عناصر المجموعة. ملاحظة:هذه الخاصية قابلة للقراءة فقط. |
الطريقة
| الطريقة | وصف |
|---|---|
| [INDEX] |
من المجموعة العائدة ملاحظة:إذا كان الرقم الاسمي يتجاوز النطاق، يتم إرجاع null. |
| item(INDEX) |
من المجموعة العائدة ملاحظة:إذا كان الرقم الاسمي يتجاوز النطاق، يتم إرجاع null. |
| namedItem(id) |
من لديه id المجموعة العائدة ملاحظة:إذا id إذا لم يكن موجودًا، يتم إرجاع null. |
تفاصيل التقنية
| إصدار DOM: | Core Level 2 Document Object |
|---|---|
| القيمة المعدة: |
مجموعة HTMLCollection، تمثل جميع <option> عناصر. عناصر المجموعة مرتبة حسب ظهورها في الكود المصدر. |
دعم المتصفحات
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| يدعم | 10.0 | يدعم | يدعم | يدعم |
مزيد من الأمثلة
مثال 2: [INDEX]
الحصول على قيمة الخيار الأول في قائمة البيانات (الINDEX 0):
var x = document.getElementById("browsers").options[0].value;
النتيجة لـ x ستكون:
Internet Explorer
مثال 3: item(INDEX)
الحصول على قيمة الخيار الأول في قائمة البيانات (الINDEX 0):
var x = document.getElementById("browsers").options.item(0).value;
النتيجة لـ x ستكون:
Internet Explorer
مثال 4: namedItem(name_or_id)
الحصول على قيمة الخيار في قائمة البيانات التي تحتوي على id="google":
var x = document.getElementById("browsers").options.namedItem("google").value;
النتيجة لـ x ستكون:
Chrome
مثال 5
تدوير مرور جميع الخيارات في قائمة البيانات، وعرض قيمة الخيار:
var x = document.getElementById("mySelect");
var txt = "";
مغير i;
لـ (i = 0; i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}
النتيجة لـ txt ستكون:
Internet Explorer Firefox Chrome Opera Safari
