jquery 中怎么让下拉框不能选择

2024-11-16 06:16:25

推荐回答（4个）

回答1：

使用jquery动态的设置下拉框不能选择可以使用jquery的attr方法给select控件添加disabled属性，由于即使是被禁止选择了，下拉框还是会显示白色，这样可能会让用户产生误解，可以再加上一个灰色的背景色，具体实现代码如下：

HTML

  
  
      
          
        如何设置select下拉禁止选择  
          
          
      
      
          
            项目经理  
            总经理  
            技术经理  
            部门经理

JavaScript

$("#sel").attr("disabled","disabled").css("background-color","#EEEEEE;");

效果图：

回答2：

不知道你要哪种效果，所以我把2种不能选择的效果都给你写在下面好了：
1、下拉按钮控件变灰不可点，根本不能显示下拉列表中的选项
2、下拉按钮可以点，但是显示选项为灰色，点击无“选中”效果
例子代码如下：注意看代码的注释
(下面代码如果你想看显示效果，记得修改jquery.js的位置)

在某个域被使用或改变时，它会改变颜色。

Enter your name:

Car:

不明白请追问，如果对你有帮助，记得采纳~

回答3：

HTML

如何设置select下拉禁止选择

JavaScript

$("#sel").attr("disabled","disabled").css("background-color","#EEEEEE;");

效果图：

回答4：

$('select').prop({'disabled',true});