في هذه المقالة، سوف نتعلم كيفية الحصول على القيم المحددة في القائمة المنسدلة بمساعدة jQuery. في البداية، سوف نفهم هذه المقالة باستخدام طريقة jQuery، وjQuery Selector، وjQuery val (). بعد ذلك، سوف نفهم هذا الموضوع بمساعدة الأمثلة المختلفة.
ماذا تقصد بـ jQuery؟
jQuery هي مكتبة جافا سكريبت سريعة وخفيفة الوزن وصغيرة الحجم وغنية بالميزات.
كيفية البحث عن الارقام المحظورة على الاندرويد
استخدم المسج: المحدد المحدد بالاشتراك مع طريقة val () للعثور على قيمة الخيار المحدد في القائمة المنسدلة.
المحدد في jQuery:
إنه عنصر HTML يتم تطبيق الإعلان فيه.
على سبيل المثال: مختارة، محددة، الخ.
يتم استخدام المحدد لتحديد الاختيار الافتراضي عند تحميل النموذج في البداية.
طريقة val () في jQuery:
تُستخدم هذه الطريقة للحصول على قيم عناصر النموذج أو تعيين قيمة السمة المستخدمة للعناصر المحددة.
بناء الجملة:
$(selector).val ();
مثال:
$('input: text').val ('javaTpoint!');
القائمة المنسدلة مع والعلامة.
يتم استخدام علامتي التحديد والخيار لإنشاء قوائم منسدلة. أنها تسمح للمستخدم بتحديد اختيارات فردية أو متعددة من قائمة الخيارات. لا تظهر جميع الاختيارات على الشاشة، ولكنها تكون مرئية عند سحب القائمة المنسدلة. يتم استخدامها لتوفير المساحة حيث يتم عرض عنصر واحد فقط من القائمة.
لإنشاء قوائم منسدلة، يتم استخدام العلامة بدلاً من العلامة. تبدأ العلامة المقترنة بعلامة الفتح وتنتهي بعلامة الإغلاق. يجب استخدام هذه العلامة مع العلامة .
بناء الجملة:
لماذا واجهة العلامة في جافا
Text Label-1 Text Label-2 ………………………………………………………………………………………………….. …………………………………………………………………………………………………..
السمات المختلفة المستخدمة مع العلامة هي:
السمات المختلفة المستخدمة مع العلامة هي:
يتم استخدام الأمثلة التالية للحصول على القيمة المحددة من القائمة المنسدلة في jQuery.
مثال 1:
كيفية الحصول على القيمة المحددة من القائمة المنسدلة في jQuery.
Get Selected Value in drop-down using jQuery h1 { color: green; } h5 { color: green; } h4 { color: green; } p { color: red; } .select { margin: 40px; width: 60%; height: 300px; padding: 30px; border: 2px solid green; } body { background-color: pink; } $(document).ready (function () { $('select.country').change (function () { var selectedCountry = $(this).children('option:selected').val(); alert ('You have selected the country - ' + selectedCountry); }); }); <p> <b> Get Selected Value in drop-down using jQuery </b> </p> <h4> Select Country from drop-down list: </h4> <br> United States India United Kingdom Brazil Germany <br> <br> <b> Get selected values from list </b> توضيح:
في المثال أعلاه، قمنا بإنشاء قائمة منسدلة بمساعدة العلامة. في هذا، إذا اخترنا قيمة متعددة من القائمة وقمنا بإنشاء بعد تحديد العنصر المتعدد من القائمة ونقوم بالنقر فوق الزر الذي يعرض رسالة تنبيه مع العنصر المحدد من القائمة المنسدلة.
التحديث في SQL مع الانضمام
United States India United Kingdom Brazil Germany <br> <br> <b> Get selected values from list </b>
هنا،
يتم استخدام الحجم = '3' لعرض عدد العناصر الموضحة في القائمة المنسدلة، ويتم استخدام المتعدد لتحديد قيم متعددة من القائمة المنسدلة.
انتاج:
ويرد أدناه إخراج هذا المثال.
