如何禁用下拉元素中的特定项目
如何禁用下拉元素中的特定项目
提问于 2011-07-27 14:25:23
如何使用jQuery或JavaScript禁用下拉元素的某些项？
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-07-27 14:31:41
与禁用任何其他HTML元素的方式相同，使用
$(/* option selector */).prop('disabled', true);在action中查看它。
Stack Overflow用户
发布于 2011-07-27 14:28:48
简单！
<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就会被一些特定的东西触发，比如，这可以用来说“当我.click()这个按钮，然后添加.attr()”等等。
Stack Overflow用户
发布于 2011-07-27 17:12:32
很多禁用，在普通的js中，你会得到一个选项的引用，只需将jQuery属性设置为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;
}当然，您可以根据您想要的任何标准仅禁用一个。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6840200
复制相关文章
相似问题
腾讯云开发者
