"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > إنشاء خيار ديناميكيًا في عنصر التحديد

إنشاء خيار ديناميكيًا في عنصر التحديد

تم النشر بتاريخ 2024-11-20
تصفح:146

Dynamically create option in select element

هناك طريقتان لإنشاء خيار ديناميكيًا:

1) استخدام مُنشئ الخيار وطريقة add()

2) استخدام طرق DOM

1) استخدام مُنشئ الخيار وطريقة add () :

let newOption = new Option('Option Text','Option Value');
const select = document.querySelector('select'); 
select.add(newOption,undefined);

2) استخدام طرق DOM :

// create option using DOM
const newOption = document.createElement('option');
const optionText = document.createTextNode('Option Text');
// set option text
newOption.appendChild(optionText);
// and option value
newOption.setAttribute('value','Option Value');

const select = document.querySelector('select'); 
select.appendChild(newOption);
بيان الافراج يتم استنساخ هذه المقالة على: https://dev.to/jharna_khatun/dynamally-create-ption-in-select-element-d6c؟1 إذا كان هناك أي انتهاك ، فيرجى الاتصال بـ [email protected] لحذفه.
أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3