如何禁用下拉元素中的特定项目

Question

如何使用jQuery或JavaScript禁用某些下拉元素的某些项目？

Answer 1

以同样的方式，你会禁用任何其他HTML元素，使用

$(/* option selector */).prop('disabled', true); 

看到它在action。

Answer 2

简单！

<select> 
    <option value="Opt 1.">Opt 1.</option> 
    <option class="optionselector" value="Opt 2. I'm disabled!" disabled="disabled">opt 2. I'm disabled!</option> 
</select> 

只需在标签中附加disabled="disabled"即可。

要做到这一点jQuery中，请确保你有最新版本的加载，然后使用.attr（）JavaScript来追加属性disabled="disabled"需要像这样：

.click(function(){ 
    $('.optionselector').attr("disabled","disabled"); 
}); 

当然，你必须将.click放入另一个事件或函数中，所以.click特别是由SOMETHING触发的，例如，这可以用于说明“When I .click（）this button，then add .attr（） “等。

Answer 3

$(document).ready(function(){ 
    $('#id').attr('disabled','disabled');   
}) 

and the html

<form id="fmname" method="get"> 

<select > 
<option id="id">s</option> 
</select> 
<input type="submit" /> 

</form> 

Answer 4

$("option").attr("disabled", "disabled"); 

只需选择其他选择器所需的选项。

Answer 5

大量的jQuery，在普通的js中，您可以获得对该选项的引用，只需将disabled属性设置为true即可。因此，考虑：

<form id="aForm" ...> 
    <select name="aSelect"> 
    <option ...>zero 
    <option ...>one 
    <option ...>two 
    <option ...>three 
    </select> 
    ... 
</form> 

然后禁用所有的选项：

var options = document.forms['aForm']['aSelect'].options; 
for (var i=0, iLen=options.length; i<iLen; i++) { 
    options[i].disabled = true; 
} 

当然，你可以只是一个基于任何你想要的标准禁用。