使用jquery在基於用戶定義的變量的select中選擇一個選項

Question

給定用戶定義的變量jstatus ，我希望應在給定的選項列表中選擇該特定變量。

我的清單是這樣的：

<select name='job_status' id='job_status'>
    <option>Pre-press</option>
    <option>Printers</option>
    <option>Cutting</option>
    <option>Final touches</option>
    <option>Delivery</option>
    <option>Ready</option>
</select>

設置jstatus的值后，在我的javascript代碼中的jstatus ，這是我的jquery：

$("#job_status option[value='"+jstatus+"']").attr('selected','selected');

但這不起作用。 什么是正確的方法？

Answer 1

最簡單的方法是直接設置值：

jQuery("#job_status").val(jstatus);

Answer 2

您需要先向選擇器添加值。

<option value="Pre-press">Pre-press</option>

Answer 3

問題是您的選擇列表的選項沒有“值”-屬性

<select name='job_status' id='job_status'>
     <option value="val1">Pre-press</option>
     <option value="val2">Printers</option>
     <option value="val3">Cutting</option>
     <option value="val4">Final touches</option>
     <option value="val5">Delivery</option>
     <option value="val6">Ready</option>
</select>

<script>
    $( 'select option[value="val3"]' ).attr( 'selected', 'selected' );
</script>

您還可以使用jQuery的val（）方法

$( 'select' ).val( 'val3' )

這將具有與上述相同的效果

Answer 4

如果仍然喜歡使用直接選擇器，則可以使用：contains來按其內容選擇元素。 對於您的情況，它幾乎是這樣的：

$("#job_status option:contains("+jstatus+")").attr('selected','selected');