اذهب إلى المحتوى
  • 0

كيفية تحديد قيمة في عنصر select بإستخدام jQuery؟

Emad Saif

السؤال

لدي عنصر select مع بعض الخيارات فيه. الآن أنا بحاجة إلى تحديد أحد هذه الخيارات باستخدام jQuery.

<div class="my_selector">
  <select>
    <option value="value 1">Value 1</option>
    <option value="value 2">Value 2</option>
    <option value="value 3">Value 3</option>
  </select>
</div>

كيف يمكنني تحديد أحد هذه القيم بإستخدام jQuery وأنا لا أعرف سوى قيمة الخاصية value للخيار الذي يجب تحديده؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

لتحديد عُنصر option عن طريق القيمة نستعمل:

$('.my_selector option[value="value 2"]')

ثم إختياره عن طريق التابع prop بالشكل التالي:

$('.my_selector option[value="value 2"]').prop('selected', true)

لتحديد عُنصر ال option بإستخدام الفهرس، الخيار الأول لديه الفهرس 0 و الثاني 1 و هكذا .. نستخدم:

$('.my_selector option:eq(1)')

في مثالك السطر أعلاه سيُحدد العُنصر ذو القيمة value 2 و هو الخيار الثاني. و لإختياره نستخدم التابع prop بنفس الطريقة الأولى.

إستخدام التابع val لتغيير القيمة لعُنصر select بالشكل:

$('.my_selector select').val('value 3');
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

يمكنك استخدام محدد يخص عنصر option يحوي القيمة المستهدفة واسناد الخاصية selected له. 

نستعمل المحدد option[value="target_value"] لتحديد هذا العنصر:

var target = $('option[value="value 3"]');

ثم اسناد القيمة selected للخاصية selected لهذا العنصر:

target.attr('selected','selected')

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...