如何在下拉菜单

问题描述:

这是一个非常简短的问题禁用选项,有没有在JavaScript的方式在下拉菜单中禁用选项,例如:如何在下拉菜单

你想使用降下拉菜单?

如果用户选择是,然后在下拉undisable选项下拉菜单

,如果用户不希望使用的保管箱则保持选项下拉菜单中禁用

感谢

+2

CSS的风格是什么,它听起来像你想要做的是逻辑,我会查找一些jquery函数,将很容易地帮助你处理这个 – BWC

您不能禁用任何元素使用CSS,只是风格化它。你应该使用JavaScript来做你想做的事。

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

CSS纯粹是为了造型,如果您想禁用选择框,请查看readonly="readonly"属性。请记住,如果你想改变属性,这样在飞行中我建议使用一些JavaScript库如jQuery

这里是将处理你在找什么

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

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

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

但是,如果你想与事件一起工作,你将需要JavaScript。

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