Muhannad Bahurmoz نشر 24 مارس 2023 أرسل تقرير مشاركة نشر 24 مارس 2023 السلام عليكم و رحمة الله و لبركاته, أنشأت صفحة HTML تحتوي على form لتعديل البيانات و عند فتح الصفحة أريد البيانات المحفوظة مسبقًا تظهر كقيمة في مدخلات ال form , فعلتها باستخدام ال EJS و وضعت القيمة السابقة بداخل ال value attribute لل input كما موضح في السطر رقم 39 الذي في الصورة , ولكنني استخدم ال select element أيضًا بداخل ال form , و كما تعلمون بداخل ال select element يوجد attribute يسمى selected و سؤالي هو : هل يمكنني استخدام ال selected attribute مع ال EJS ؟ , اذا نعم كيف ؟ , و اذا لا , إذًا هل يمكنني استخدام selected attribute بشكل ديناميكي ؟ و شكرًا لكم (اعتذر على الإطاله) 2 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Mustafa Suleiman نشر 24 مارس 2023 أرسل تقرير مشاركة نشر 24 مارس 2023 بالطبع، يمكن استخدام selected attribute مع EJS بنفس الطريقة التي تستخدم بها value attribute. وأيضًا استخدام EJS لإدخال قيمة الخيارات ومن ثم استخدام selected attribute لتحديد الخيار الافتراضي. هناك طريقتان لفعل ذلك ، يمكنك استخدام ثنائيات القيمة / النص كما يلي: <select name="mySelect"> <option value="1" <% if (value === "1") { %>selected<% } %>>Option 1</option> <option value="2" <% if (value === "2") { %>selected<% } %>>Option 2</option> <option value="3" <% if (value === "3") { %>selected<% } %>>Option 3</option> </select> أو يمكنك استخدام دالة مساعدة مخصصة لتنفيذ هذا الأمر بشكل أكثر كفاءة: <select name="mySelect"> <% options.forEach(function(option) { %> <option value="<%= option.value %>" <%= option.selected ? 'selected' : '' %>><%= option.text %></option> <% }); %> </select> في المثال السابق، يتم استخدام دالة forEach لتكرار قائمة الخيارات وتعيين selected attribute إذا كانت الخيارات محددة. ثم تمرير القيمة والنص وحالة التحديد كمعلمات لكل option. ويمكنك تعديل هذا المثال لتناسب احتياجاتك الخاصة. 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 عمر قره محمد نشر 24 مارس 2023 أرسل تقرير مشاركة نشر 24 مارس 2023 يمكنك عرض الـ option باستخدام الـ EJS واعطاء الـ selected للعنصر المحدد : <select id="volume"> <% var options = [ "1", "5", "10", "50", "75", "100" ]; for ( var i = 0; i < options.length; i++ ) { var selected = ( config[0].volume == i ) ? "selected" : ""; %><option value="<%=options[ i ] %>" <%=selected %>><%=i %></option><% } %> </select> لتفاصيل اكثر راجع النقاش التالي HTML select option with EJS 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Adnane Kadri نشر 24 مارس 2023 أرسل تقرير مشاركة نشر 24 مارس 2023 يمكنك اضافة الخاصية selected بشكل شرطي تتحقق فيه اولا من ما ان كانت القيمة المسندة لخيار ما هي نفسها الكائنة في الطلب. يمكن ايضا القيام بالأمر عن طريق المرور على عناصر مصفوفة عناصرها هي الخيارات: <select id="class"> <% var options = [ "One", "Two", "Three", "Four", "Five"]; for ( var i = 0; i < options.length; i++ ) { var selected = ( obj.class == i ) ? "selected" : ""; %><option value="<%=options[ i ] %>" <%=selected %>><%=i %></option><% } %> </select> 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Muhannad Bahurmoz
السلام عليكم و رحمة الله و لبركاته,
أنشأت صفحة HTML تحتوي على form لتعديل البيانات و عند فتح الصفحة أريد البيانات المحفوظة مسبقًا تظهر كقيمة في مدخلات ال form ,
فعلتها باستخدام ال EJS و وضعت القيمة السابقة بداخل ال value attribute لل input كما موضح في السطر رقم 39 الذي في الصورة ,
ولكنني استخدم ال select element أيضًا بداخل ال form , و كما تعلمون بداخل ال select element يوجد attribute يسمى selected
و سؤالي هو : هل يمكنني استخدام ال selected attribute مع ال EJS ؟ , اذا نعم كيف ؟ ,
و اذا لا , إذًا هل يمكنني استخدام selected attribute بشكل ديناميكي ؟
و شكرًا لكم
(اعتذر على الإطاله)
رابط هذا التعليق
شارك على الشبكات الإجتماعية
3 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.