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

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

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

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

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

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

لتحديد عُنصر 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');