无法使用jQuery动态设置我的选择列表的选择选项

Question

I have the following select list inside my web page:-

<select id="OrderStatus_12192838383111121" title="Status Required Field" class="ms-RadioText">
<option>In Progress</option>
<option>Waiting Customer Approval</option>
<option>Reject</option>
</select>

now i want to select one of the above options based on the value from another field, so i tried the following:-

var pmname = $('[id^="OrderProjectManagerStatus_"][id$="Display"]').attr("title");
alert(pmname);
$('select[id^="OrderStatus_"]').text() == pmname;

now the alert showed the correct value, which as "Reject", but this option did not get selected inside my select list using $('select[id^="OrderStatus_"]').text() == pmname; . so can anyone advice how i can dynamically set the selected option for my select list using jQuery ??

Thanks

Answer 1

For selects you'll have to get the option element and set selected attribute to true

$('select[id^="OrderStatus_"] option').filter(function(index, item) { return $(item).text().trim() === pmname }).attr("selected", true);

And also, don't forget to have a value attribute assigned to option like so: <option value="Something">Something<option>

Answer 2

can look below may be help you understand

$( "[id^="OrderProjectManagerStatus_"] option:selected" ).each(function() {

   str += $( this ).text();
 });