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

مرحباً بالجميع! أنا مبتدئ في JavaScript وواجهت مشكلة. لدي قائمة منسدلة عادية (select) في صفحة HTML. أريد أنه عند اختيار أي عنصر من القائمة، يتم عرض قيمته في console. لكن لا ينجح الأمر معي. إليك كود HTML الخاص بي: ```html الخيار الأول الخيار الثاني الخيار الثالث عرض القيمة ``` وكود JavaScript الخاص بي: ```javascript function getValue() { let select = document.getElementById('mySelect'); console.log(select.value); } ``` عند الضغط على الزر، يظهر في console القيمة `undefined`. جربت طرقاً مختلفة: `select.options[select.selectedIndex].value`، `select.options[select.selectedIndex].text` — لكن النتيجة نفسها. أرجو إرشادي، ما الخطأ الذي أفعله؟ هل أتعامل مع العنصر بشكل خاطئ؟ أم يجب استخدام طريقة أخرى؟ سأكون ممتناً.