如何禁用下拉菜单中的选项答案

【问题标题】：How do you disable options in a drop down menu如何禁用下拉菜单中的选项
【发布时间】：2011-11-30 17:08:03
【问题描述】：

这是一个非常简短的问题，javascript中有没有办法禁用下拉菜单中的选项，例如：

您要使用下拉菜单吗？

如果用户选择是，则取消下拉菜单中的选项

如果用户不想使用 dropbox，则禁用下拉菜单中的选项

谢谢

【问题讨论】：

CSS 是为风格而设计的，听起来你想做的是逻辑，我会查找一些 jquery 函数，它们可以轻松帮助你处理这个问题

标签： javascript drop-down-menu

【解决方案1】：

CSS 纯粹用于样式设置，如果您想禁用选择框，请查看readonly="readonly" 属性。请记住，如果您想即时更改这样的属性，我建议您使用一些 JavaScript 库，例如 jQuery

【讨论】：

【解决方案2】：

您不能使用 CSS 禁用任何元素，只需对其进行样式化即可。你应该使用 JavaScript 来做你想做的事。

在 JS 中，您可以使用 DOM 对象的 disabled 属性禁用它。

【讨论】：

【解决方案3】：

这是一个 Jquery 函数，可以处理您要查找的内容

    $(function () {
            $('#useDDL').click(function () {
                var satisfied = $('#useDDL:checked').val();
                if (satisfied != undefined) $('#DDL').removeAttr('disabled');
                else $('#DDL').attr('disabled', 'disabled');
            });
        });

其中 DDL 是下拉菜单，而 useDDL 是用户可以选中的复选框

【讨论】：

【解决方案4】：

要使用 CSS “禁用”一个元素，您必须将其设置为 display: none 或 visibility: hidden。

但如果你想处理事件，你将需要 JavaScript。

【讨论】：

【解决方案5】：

您可以更好地使用 jquery 的 show() 和 hide() 函数根据用户的选择显示或隐藏特定选项。这应该是最好的方法。

【讨论】：