مجموعه گزینه‌های Datalist

ایچ تی ایم ایل ڈی او ڈیٹا لسٹ آپسٹ

تعریف و کاربرد

اختیارات مجموعہ واپس لایا جاتا ہے. <datalist> عنصر تمام ترائیج کی مجموعہ.

نوٹ:عناصر مجموعہ میں وسیلے سے کہ وہ آپنی سورس کو کجے آپریشن کر رہی ہیں، ترتیب دی جاتی ہیں.

دیگر دیکھئے:

HTML مرجع کتاب:HTML <datalist> ٹیگ

HTML مرجع کتاب:HTML <option> ٹیگ

مثال

مثال 1

تعلیم: کتنا ترائیج موجود ہیں؟

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

خود کا تجربہ کریں

x کا نتیجہ یہ ہوگا:

5

نکات:صفحہ نیچے بہتر مثال دستیاب ہیں.

قواعد

datalistObject.options

پروپریٹی

پروپریٹی وصف
طول

مجموعہ میں <option> عناصر کی تعداد واپس لایا جاتا ہے.

نوٹ:یہ پروپریٹی ریکارڈ رکھتی ہے.

طریق

طریق وصف
[اینڈیکس]

کوچھ نامزد اینڈیکس کا <option> عنصر واپس لایا جاتا ہے (از 0 شروع ہوتا ہے).

نوٹ:اگر اینڈیکس نمبر کوچھ رہ گئی تو null واپس لایا جاتا ہے.
item(اینڈیکس)

کوچھ نامزد اینڈیکس کا <option> عنصر واپس لایا جاتا ہے (از 0 شروع ہوتا ہے).

نوٹ:اگر اینڈیکس نمبر کوچھ رہ گئی تو null واپس لایا جاتا ہے.
namedItem(id)

تعلیم id عناصر کی مجموعہ میں <option> عناصر واپس لایا جاتا ہے.

نوٹ:اگر id موجود نہ ہونے پر null واپس لایا جاتا ہے.

تکنیکی تفصیلات

DOM ورژن: Core Level 2 Document Object
بازگشتی:

HTMLCollection عناصر، جو <datalist> عناصر میں تمام <option> عناصر.

عناصر مجموعہ میں وسیلے سے کہ وہ آپنی سورس کو کجے آپریشن کر رہی ہیں، ترتیب دی جاتی ہیں.

براؤزر کی پشتیبانی

کروم Edge فائر فاکس سافری اوپرا
کروم Edge فائر فاکس سافری اوپرا
پشتیبانی 10.0 پشتیبانی پشتیبانی پشتیبانی

بیشتر مثال

مثال 2: [اینڈیکس]

فہرست داده‌ها میں پہلی ترائیج (اینڈیکس 0) کی جائی:

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

خود کا تجربہ کریں

x کا نتیجہ یہ ہوگا:

اینٹرنٹ ایکسپلورر

مثال 3: item(اینڈیکس)

فہرست داده‌ها میں پہلی ترائیج (اینڈیکس 0) کی جائی:

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

خود کا تجربہ کریں

x کا نتیجہ یہ ہوگا:

اینٹرنٹ ایکسپلورر

مثال 4: namedItem(name_or_id)

فہرست داده‌ها میں id="google" کی ترائیج کی جائی:

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

خود کا تجربہ کریں

x کا نتیجہ یہ ہوگا:

کروم

مثال 5

تقاریر فہرست داده‌ها کی تمام ترائیج کو لوبزاری کرکے چوٹی کی جائی اور ترائیج کی جائی:

var x = document.getElementById("mySelect");
var txt = "";
وار ای;
برائے (i = 0; i < x.options.length; i++) {
  txt = txt + x.options[i].value + "<br>";
}

خود کا تجربہ کریں

txt کا نتیجہ یہ ہوگا:

اینٹرنٹ ایکسپلورر
فائر فاکس
کروم
اوپرا
سافری

ایچ تی ایم ایل ڈی او ڈیٹا لسٹ آپسٹ