отключить опцию выпадающего с помощью jquery - PullRequest
0 голосов
/ 06 января 2012

Мне нужно отключить верхнюю опцию, которая является не опцией, а инструкцией для пользователя. Я знаю, что могу использовать 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>

Ответы [ 2 ]

1 голос
/ 06 января 2012

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

Не разрешать отправлять форму, если она

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

});
0 голосов
/ 06 января 2012

См. Этот вопрос: Опция отключения Jquery в раскрывающемся списке

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

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

Также проверьте эти ссылки для получения дополнительной информации об отключении опций и опасностей, связанных с ним, не уверен, что что-то изменилось с момента их публикации: 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/

...