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

Question

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

Answer 1

與禁用任何其他HTML元素的方式相同，請使用

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

看到它在行動 。

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觸發，例如，這可以用來說“當我.click（）這個按鈕，然后添加.attr（）“等

Answer 3

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

當然，您可以根據您想要的任何標准禁用一個。

Answer 4

$(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 5

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

只需使用其他選擇器選擇所需選項。