ドロップダウン要素の特定の項目を無効にする方法

Question

jQueryまたはJavaScriptを使用してドロップダウン要素の一部の項目を無効にするにはどうすればよいですか？

Answer 1

あなたが他のHTML要素を無効にするのと同じ方法では、

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

を使用するには、actionでそれを参照してください。

Answer 2

Easy！

<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"が付加されます。もちろん

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

、あなた：、jQueryの中でそれを行うあなたが最新バージョンにロードを持っていることを確認し、その後、そのように、必要に応じて属性disabled="disabled"を追加する.ATTR（）はJavaScriptを使用し

.clickを別のイベントや関数の中に入れなければならないので、.clickは特に "これをクリックすると.attr（）を追加すると、 」など。

Answer 3

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

および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; 
} 

をあなたが好きな基準に基づいて一つだけを無効にすることができます。