Question

我需要禁用顶部选项，它实际上不是一个选项，而是像用户的指令一样。我知道我可以在html中使用disabled =“disabled”但这个下拉列表是动态填充的，所以这只能使用一些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

当用户提交页面时。检查值是否已设置。

如果表单是

，请不要提交表单

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

});

Answer 2

请参阅此问题：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/

使用jquery禁用下拉选项

2 个答案: