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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了“jquery”中怎么让下拉框不能选择?相关的知识,希望对你有一定的参考价值。

参考技术A

使用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;");

效果图:

easyui中如何设置下拉列表框只能选择,列表框内不能输入,

参考技术A

1、首先,利用jquery easyui中的下拉框,需要放在Java Web项目中。新建一个Java Web项目,并将相应的js和css放到目录下,并在pages目录下新建select.jsp。

2、然后我们根据图示代码引入jquery easyui需要的js和css。

3、然后我们根据图示代码在<body></body>中插入div和select。

4、启动Tomcat服务器,在浏览器中查看页面,可以看到此时下拉框只能选择而不能编辑。

5、现在,就要实现下拉框不可编辑的功能,要保证有修改权限的人可以修改,没有修改权限的人只能有查看,设置其不能编辑。

以上是关于“jquery”中怎么让下拉框不能选择?的主要内容,如果未能解决你的问题,请参考以下文章

Vue设置输入框、下拉框不可修改

jQuery下拉框,不能使字段值为空

jquery给下拉框设置默认值

我想使用juqery让id为selectd的那个下拉框选中,请问jquery怎么做?

easyui中如何设置下拉列表框只能选择,列表框内不能输入,

angular 无法重置下拉框的值