disable dropdown option using jquery

Question

Мне нужно отключить верхнюю опцию, которая не является опцией, но точно так же, как инструкция для пользователя. Я знаю, что я могу использовать disabled = "disabled" в html, но это раскрывающееся меню динамически заполняется, и поэтому это можно сделать только с помощью jQuery или javascript. Кто-нибудь сделал это так? Это не помогло:

$("#ctl00_PlaceHolderMain_ctl00_DropDownList1 option[value='Selecet Category']").attr("disabled","disabled"); 

НЕ РАБОТАЕТ!

<select name="ctl00$PlaceHolderMain$ctl00$DropDownList1" id="ctl00_PlaceHolderMain_ctl00_DropDownList1"> 
      <option value="Select Category">Select Category</option> 
      <option value="All Categories">All Categories</option> 
      <option value="Cancer">Cancer</option> 
      <option value="Health Lecture">Health Lecture</option> 
      <option value="Heart Health">Heart Health</option> 
    </select> 

Answer 1

Смотрите этот вопрос: Jquery Disable option in dropdown

Вы можете сделать это на событие, которое просто отменялся его всякий раз, когда пользователь выбирает верхний один.

редактировать:

Также проверьте эти ссылки на более подробную информацию о отключении опции и опасности с ним, не уверены, что если что-то изменилось с тех пор они были опубликованы, хотя: http://www.lattimore.id.au/2005/06/18/disable-options-in-a-select-dropdown-element/ http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/

Answer 2

Когда пользователь отправляет страницы. Проверьте, установлено ли значение.

Не разрешайте форма представить, если это

$('form').submit(function (e) { 
    if ($('select option:selected').val() === 'Select Category') 
     e.preventDefault(); 

});