Отключить опцию Drop Down с помощью jQuery

Мне нужно отключить опции со значением "- Продано" - в списке динамических выпадающих меню. Как я могу сделать это с помощью 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>

Ответы

Ответ 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);
});

Ответ 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');

рабочий образ

enter image description here

Ответ 3

Здесь я сделал решение для вышеуказанного запроса. демонстрационную ссылку, как показано ниже:

Демо: http://codebins.com/bin/4ldqp92

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>

JQuery

$(function() {
    $("select").click(function() {
        $(this).find("option[value*='Sold Out']").prop("disabled", true);
    });
});

Демо: http://codebins.com/bin/4ldqp92

Ответ 4

$("#ddlList option[value='jquery']").attr("disabled","disabled");