使用jQuery禁用下拉选项

Question

我需要在动态下拉菜单列表中禁用值为" - 售完 - "的选项.如何使用jQuery轻松完成此操作？下面是HTML

<select id="field_0_1" class="text_select" name="field_0_1" onChange="">
<option value="">- Preferred Time -</option>
<option value="- Sold Out -">- Sold Out -</option>
<option value="2:30 - 4:00pm">2:30 - 4:00pm</option>
</select>
<select id="field_0_2" class="text_select" name="field_0_2" onChange="">
<option value="">- Preferred Time -</option>
<option value="- Sold Out -">- Sold Out -</option>
<option value="2:30 - 4:00pm">2:30 - 4:00pm</option>
</select>
<select id="field_0_3" class="text_select" name="field_0_3" onChange="">
<option value="">- Preferred Time -</option>
<option value="- Sold Out -">- Sold Out -</option>
<option value="2:30 - 4:00pm">2:30 - 4:00pm</option>
</select>

Answer 1

$("select option[value*='Sold Out']").prop('disabled',true);
        ?

演示

根据编辑

$('#previous_select').on('change', function() {
   // after creating the option
   // try following
   $("select option[value*='Sold Out']").prop('disabled',true);
});

Answer 2

工作演示 http://jsfiddle.net/BYkVW/ 或 http://jsfiddle.net/BYkVW/1/

希望它有助于满足需求 :)

码

$("#field_0_1 option[value='- Sold Out -']").attr('disabled','disabled');
        ?

要么

$("#field_0_1 option[value='- Sold Out -']").prop('disabled','disabled');

工作形象