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

 我来答
明白婆婆66
高粉答主

推荐于2019-10-04 · 醉心答题,欢迎关注
知道大有可为答主
回答量:176
采纳率:100%
帮助的人:4.2万
展开全部

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

HTML

<!DOCTYPE html>  

<html>  

<head>  

<meta charset="UTF-8">  

<title>如何设置select下拉禁止选择</title>  

<script src="../js/jquery-1.12.4.js"></script>  

<script>  

$(function(){               });  

</script>  

</head>  

<body>  

<select id="sel">  

<option value="1">项目经理</option>  

<option value="2">总经理</option>  

<option value="3">技术经理</option>  

<option value="4">部门经理</option>  

</select>  

</body>  

</html>JavaScript

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

效果图:

白卡PALA
2018-03-08 · 知道合伙人软件行家
白卡PALA
知道合伙人软件行家
采纳数:648 获赞数:3420
性能测试4年工作经验。

向TA提问 私信TA
展开全部

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

HTML

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title>如何设置select下拉禁止选择</title>  
        <script src="../js/jquery-1.12.4.js"></script>  
        <script>  
            $(function(){  
                  
            });  
        </script>  
    </head>  
    <body>  
        <select id="sel">  
            <option value="1">项目经理</option>  
            <option value="2">总经理</option>  
            <option value="3">技术经理</option>  
            <option value="4">部门经理</option>  
        </select>  
    </body>  
</html>

JavaScript

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

效果图:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式