في هذه المقالة، سوف نتعلم كيفية الحصول على القيم المحددة في القائمة المنسدلة بمساعدة 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 () { $(&apos;select.country&apos;).change (function () { var selectedCountry = $(this).children(&apos;option:selected&apos;).val(); alert (&apos;You have selected the country - &apos; + 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' لعرض عدد العناصر الموضحة في القائمة المنسدلة، ويتم استخدام المتعدد لتحديد قيم متعددة من القائمة المنسدلة.

انتاج:

ويرد أدناه إخراج هذا المثال.