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

السؤال

نشر

لدي عنصر 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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...