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

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");

只需使用其他选择器选择所需选项。