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

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; 
} 

當然，你可以只是一個基於任何你想要的標準禁用。