تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
[سؤال] كومبو بوكس Comobox
#1
اخوتي الكرام
أعمل على Asp.net core
هناك كومبوبوكس مليء  من قاعدة بيانات
كيف أستطيع ارجاع قيمة النص الموجودة فيه بعد النقر أو التغيير فيه؟
شكرا لكم
الرد }}}
تم الشكر بواسطة:
#2

[font=Söhne, ui-sans-serif, system-ui, -apple-system,]أهلا بك، يمكنك استخدام تقنية JavaScript أو jQuery للتعامل مع حدث التغيير في الكومبوبوكس وإرجاع قيمة النص الموجودة فيه بعد النقر أو التغيير. سأقدم لك مثالا باستخدام jQuery:[/font]
[font=Söhne, ui-sans-serif, system-ui, -apple-system,]أولا، تأكد من إضافة مكتبة jQuery إلى مشروعك بإضافة السطر التالي في ملف HTML الخاص بك:[/font]


كود :
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>


[font=Söhne, ui-sans-serif, system-ui, -apple-system,][font=Söhne, ui-sans-serif, system-ui, -apple-system,]بعد ذلك، يمكنك إنشاء الكومبوبوكس وجعله يحتوي على بعض الخيارات:[/font]

[/font]


كود :
<select id="myComboBox">
   <option value="1">خيار 1</option>
   <option value="2">خيار 2</option>
   <option value="3">خيار 3</option>
</select>


[font=Söhne, ui-sans-serif, system-ui, -apple-system,]الآن يمكنك إضافة مقتطف من كود jQuery للتعامل مع حدث التغيير في الكومبوبوكس وإرجاع قيمة النص الموجودة فيه:[/font]

كود :
<script>
$(document).ready(function() {
   // إلتقاط حدث التغيير في الكومبوبوكس
   $("#myComboBox").on("change", function() {
       // جلب قيمة الخيار المحدد
       var selectedValue = $(this).val();
       // جلب نص الخيار المحدد
       var selectedText = $("#myComboBox option:selected").text();

       // عرض قيمة الخيار المحدد ونصه
       console.log("Selected Value: " + selectedValue);
       console.log("Selected Text: " + selectedText);

       // يمكنك هنا استخدام قيمة الخيار المحدد ونصه كما تريد
   });
});
</script>


[color=rgba(236,236,241,var(--tw-text-opacity))][font=Söhne, ui-sans-serif, system-ui, -apple-system,][color=var(--tw-prose-body)]بهذا يمكنك الحصول على قيمة النص الموجودة في الكومبوبوكس بعد النقر أو التغيير فيه. يمكنك استخدام قيمة الخيار المحدد ونصه حسب احتياجاتك في تطبيق ASP.NET Core الخاص بك.[/color][/font][/color]
الرد }}}
تم الشكر بواسطة:
#3
لك كل الشكر على الرد أخي الكريم
سوف اجرب الكود
الرد }}}
تم الشكر بواسطة:


المواضيع المحتمل أن تكون متشابهة .
الموضوع : الكاتب الردود : المشاهدات : آخر رد
  مشكلة فى معرفة عدد التشك بوكس التى تم إختيارها ؟؟؟ a.amin 2 2,633 15-08-13, 09:19 PM
آخر رد: a.amin

التنقل السريع :


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم