طريقة add() لـ Select

مفهوم Select DOM HTML

التعريف والاستخدام

add() هذه الطريقة تستخدم لإضافة خيارات إلى القائمة المنسدلة.

نصيحة:لإزالة خيار من القائمة المنسدلة، استخدم طريقة remove().

مثال

مثال 1

إضافة خيار "Kiwi" في نهاية القائمة المنسدلة:

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

جرب بنفسك

مثال 2

إضافة خيار "Kiwi" في بداية القائمة المنسدلة:

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[0]);

جرب بنفسك

مثال 3

إضافة خيار "Kiwi" في موقع "2" من القائمة المنسدلة:

var x = document.getElementById("mySelect");
var option = document.createElement("option");
option.text = "Kiwi";
x.add(option, x[2]);

جرب بنفسك

مثال 4

إضافة خيار إلى العنصر المحدد في القائمة المنسدلة:

var x = document.getElementById("mySelect");
if (x.selectedIndex >= 0) {
  var option = document.createElement("option");
  option.text = "Kiwi";
  var sel = x.options[x.selectedIndex]; 
  x.add(option, sel);
}

جرب بنفسك

اللغة

تحديد الكائنالإضافة إلى (option, index)

قيمة الم参数

الم参数 الوصف
option مطلوب. يحدد الخيار الذي يجب إضافته. يجب أن يكون عنصر option أو optgroup.
index

اختياري. عدد صحيح، يحدد موقع إدراج عنصر الخيار الجديد. يبدأ المؤشر من 0.

إذا لم يُحدد المؤشر، فإن الخيار الجديد سيُدرج في نهاية القائمة.

تفاصيل التقنية

القيمة المعدة:

لا يوجد قيمة عائدة.

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم

مفهوم Select DOM HTML