如何在下拉菜单中禁用选项

时间:2011-11-30 17:08:03

标签: javascript drop-down-menu

这是一个非常简短的问题,在javascript中有一种方法可以在下拉菜单中禁用选项,例如:

您想使用下拉菜单吗?

如果用户在下拉菜单中选择了yes,则选择了不可用的选项

如果用户不想使用dropbox,请保留下拉菜单中禁用的选项

由于

5 个答案:

答案 0 :(得分:1)

CSS纯粹用于样式化,如果要禁用选择框,请查看readonly="readonly"属性。请记住,如果你想动态更改这个属性,我建议你使用像jQuery这样的javascript库

答案 1 :(得分:0)

您无法使用CSS禁用任何元素,只需将其样式化即可。你应该使用JavaScript来做你想做的事。

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

答案 2 :(得分:0)

这是一个Jquery函数,可以处理你正在寻找的东西

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

其中DDL是下拉菜单,useDDL是一个复选框,用户可以检查

答案 3 :(得分:0)

要使用CSS“禁用”元素,您必须将其设置为display: nonevisibility: hidden

但如果您想使用活动,则需要使用JavaScript。

答案 4 :(得分:0)

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