كيفية الحصول على النص المحدد من القائمة المنسدلة (select) باستخدام jQuery؟

مرحباً بالجميع! أنا مبتدئ في JavaScript و jQuery، وواجهت مشكلة أثناء العمل مع القوائم المنسدلة. لدي عنصر HTML select عادي مع عدة خيارات: ```html تفاحة كمثرى موز ``` أريد أنه عند اختيار عنصر، يتم عرض النص الخاص بالخيار في console وليس القيمة (1, 2, 3) — أي «تفاحة»، «كمثرى» أو «موز». جربت استخدام `$('#mySelect').val()` لكنه يعيد فقط قيمة attribute value. جربت شيئاً مثل `$('#mySelect option:selected').text()` — لكنه لم يعمل، وأعاد سلسلة فارغة. ما الخطأ الذي أفعله؟ أحتاج إلى jQuery بالتحديد، لأن المكتبة موصولة بالفعل في المشروع. شكراً مسبقاً على المساعدة! ملاحظة: يُفضل مع مثال يوضح كيفية القيام بذلك بشكل صحيح بحيث يعمل عند كل تغيير اختيار (تحديث مباشر). <<>>

الحل: الحصول على نص الخيار المحدد في jQuery

طريقتك