جمعت Select options

HTML DOM Select آوٹھام

تعریف و استفاده

options جمعت بازگشتی همه انتخاب‌های لیست کشویی عنصر <option> مجموعه‌ی آن.

توضیح:عناصر مجموعه بر اساس ترتیب ظاهر شدنشان در کد منبع مرتب شده‌اند.

مثال

مثال 1

تعداد گزینه‌های خاصی از لیست پول‌دان را بررسی کنید:

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

نوآبادیاں چھپائیں

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

4

توضیح:مثال‌های بیشتری در پایین صفحه ارائه شده است.

نحوه‌ی نوشتن

selectObject.options

خصوصیت

خصوصیت توضیح
length

تعداد عناصر <option> در مجموعه را بازمی‌گرداند.

توضیح:این خاصیت فقط خواندنی است
selectedIndex تنظیم یا بازگشت شماره‌ی نشانه‌ی گزینه‌ی <option> انتخاب شده در مجموعه (از 0 شروع می‌شود).

روش

روش توضیح
[index]

عنصر <option> با شماره‌ی نشانه‌ی مشخص شده (از 0 شروع می‌شود) از مجموعه برمی‌گرداند.

توضیح:در صورت اینکه شماره‌ی نشانه از محدوده‌ی مجاز خارج باشد، null برمی‌گرداند.
[add(option[,index] عنصر <option> را در موقعیت مشخص شده در مجموعه قرار می‌دهد. اگر نشانه‌ی نشانه‌ی مشخص شده مشخص نشده باشد، گزینه‌ی مشخص شده در انتهای مجموعه قرار می‌گیرد.
item(index)

عنصر <option> با شماره‌ی نشانه‌ی مشخص شده (از 0 شروع می‌شود) از مجموعه برمی‌گرداند.

توضیح:در صورت اینکه شماره‌ی نشانه از محدوده‌ی مجاز خارج باشد، null برمی‌گرداند.
namedItem(id)

از مجموعه، عنصر <option> با شماره‌ی ID مشخص شده را برمی‌گرداند.

توضیح:اگر id در صورت عدم وجود، null برمی‌گرداند.
remove(index) عنصر <option> با شماره‌ی نشانه‌ی مشخص شده از مجموعه خارج می‌شود.

جزئیات فنی

نسخه‌ی DOM: Core Level 2 Document Object
مقدار بازگشتی:

مجموعه‌ی HTMLOptionsCollection، که تمام عناصر <option> در عنصر <select> را نشان می‌دهد.

عناصر مجموعه بر اساس ترتیب ظاهر شدنشان در کد منبع مرتب شده‌اند.

مثال‌های بیشتری

مثال 2: [index]

متن اولین گزینه‌ی لیست پول‌دان (با شماره‌ی نشانه 0) را دریافت کنید:

var x = document.getElementById("mySelect").options[0].text;

نوآبادیاں چھپائیں

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

آپل

مثال 3: item(index)

متن اولین گزینه‌ی لیست پول‌دان (با شماره‌ی نشانه 0) را دریافت کنید:

var x = document.getElementById("mySelect").options.item(0).text;

نوآبادیاں چھپائیں

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

آپل

مثال 4: namedItem(id)

متن گزینه‌ی با id="orange" در لیست پول‌دان را دریافت کنید:

var x = document.getElementById("mySelect").options.namedItem("orange").text;

نوآبادیاں چھپائیں

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

نارنجی

مثال 5

در موقعیت شماره‌ی لیست پpull-down در جایی که نوشته شده است “1” گزینه‌ی “Kiwi” را اضافه کنید:

var x = document.getElementById("mySelect");
var c = document.createElement("option");
c.text = "Kiwi";
x.options.add(c, 1);

نوآبادیاں چھپائیں

مثال 6

در ڈاؤن لیست میں اشاریہ '1' کا آپشن حذف کریں:

var x = document.getElementById("mySelect"); x.options.remove(1);

نوآبادیاں چھپائیں

مثال 7

دوسرے ڈاؤن لیست کی آپشنز کی تمام آپشنز کی مدد سے پوری طرح گردش کریں، اور ہر آپشن کا متن نمائش کریں:

var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
  txt = txt + x.options[i].text + "<br>";
}

نوآبادیاں چھپائیں

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

آپل
نارنجی
مینگو
بناناس

مثال 8

در ڈاؤن لیست میں ایک آپشن منتخب کریں، اور id="demo" کی ایک عنصر میں منتخب آپشن کا متن نمائش کریں:

var x = document.getElementById("mySelect");
var i = x.selectedIndex;
document.getElementById("demo").innerHTML = x.options[i].text;

نوآبادیاں چھپائیں

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

بناناس

مثال 9

بنا پراندرہ دوسرے ڈاؤن لیست کی منتخب شئی پر اشارت کی وجہ سے ڈاؤن لیست میں کیگورنٹ آپشنز بدل دیں:

var carsAndModels = {};
carsAndModels['VO'] = ['V70', 'XC60', 'XC90'];
carsAndModels['VW'] = ['Golf', 'Polo', 'Scirocco', 'Touareg'];
carsAndModels['BMW'] = ['M6', 'X5', 'Z3'];
function ChangeCarList() {
  var carList = document.getElementById("car");
  var modelList = document.getElementById("carmodel");
  var selCar = carList.options[carList.selectedIndex].value;
  while (modelList.options.length) {
    modelList.remove(0);
  }
  var cars = carsAndModels[selCar];
  if (cars) {
    var i;
    for (i = 0; i < cars.length; i++) {
      var car = new Option(cars[i], i);
      modelList.options.add(car);
    }
  }
}

نوآبادیاں چھپائیں

براؤزر کی مدد کالکشن options Yes Yes Yes Yes Yes

HTML DOM Select آوٹھام