روش add() Select

موضوع Select HTML DOM

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

افزودن( این روش برای اضافه کردن گزینه به لیست کشویی استفاده می‌شود.

توجه:برای حذف گزینه از لیست کشویی، از روش remove().

مثال

مثال 1

یک گزینه "انگور" به انتهای لیست کشویی اضافه کنید:

x = document.getElementById("mySelect");
نوع_داده = document.createElement("نوع_داده");
نوع_داده.text = "انگور";
x.add(نوع_داده);

به طور شخصی امتحان کنید

مثال 2

یک گزینه "انگور" به ابتدای لیست کشویی اضافه کنید:

x = document.getElementById("mySelect");
نوع_داده = document.createElement("نوع_داده");
نوع_داده.text = "انگور";
x.add(نوع_داده, x[0]);

به طور شخصی امتحان کنید

مثال 3

یک گزینه "انگور" به موقعیت "2" در لیست کشویی اضافه کنید:

x = document.getElementById("mySelect");
نوع_داده = document.createElement("نوع_داده");
نوع_داده.text = "انگور";
x.add(نوع_داده, x[2]);

به طور شخصی امتحان کنید

مثال 4

یک گزینه به قبل از گزینه انتخاب شده در لیست کشویی اضافه کنید:

x = document.getElementById("mySelect");
اگر (x.selectedIndex >= 0) {
  نوع_داده = document.createElement("نوع_داده");
  نوع_داده.text = "انگور";
  نوع_داده = x.options[x.selectedIndex]; 
  x.add(نوع_داده, انتخاب);
}

به طور شخصی امتحان کنید

زبان_عبارت

انتخاب_آبجکتافزودن(option, index)

مقدار پارامتر

پارامتر توضیح
option ضروری. چیزی که باید اضافه شود را مشخص می‌کند. باید یک عنصر option یا optgroup باشد.
index

اختیاری. عددی، شماره‌ی نشانه‌ای که باید گزینه‌ی جدید در آنجا قرار گیرد را مشخص می‌کند. شماره‌ها از 0 آغاز می‌شوند.

اگر شماره‌ی نشانه تعیین نشده باشد، گزینه‌ی جدید در انتهای لیست قرار می‌گیرد.

جزئیات فنی

بازگشت‌دهی:

بدون بازگشت‌دهی.

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

موضوع Select HTML DOM