如何设置jquery easyui中下拉框不可编辑

 时间:2026-02-13 08:56:00

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

如何设置jquery easyui中下拉框不可编辑

2、引入jquery easyui需要的js和css

<link rel="stylesheet" type="text/css" href="../styles/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="../styles/themes/icon.css">

<link rel="stylesheet" type="text/css" href="../styles/demo.css">

<script type="text/javascript" src="../scripts/jquery.min.js"></script>

<script type="text/javascript" src="../scripts/jquery.easyui.min.js"></script>

如下图所示:

如何设置jquery easyui中下拉框不可编辑

3、在<body></body>中插入div和select

<div style="text-align: center; vertical-align:middle; width: 100%; height: 100%;">

      <select id="cc" class="easyui-combobox" style="width:200px;">   

   <option>苹果</option>   

   <option>香蕉</option>   

   <option>橘子</option>   

   <option>荔枝</option>   

   <option>樱桃</option>   

   <option>草莓</option>   

   <option>芒果</option> 

   <option>桃子</option>

   <option>葡萄</option>  

</select> 

     </div>

如下图所示:

如何设置jquery easyui中下拉框不可编辑

4、启动Tomcat服务器,在浏览器中查看页面

http://localhost:端口号/项目名称/页面名称

查看结果如下:

如何设置jquery easyui中下拉框不可编辑

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

<script type="text/javascript">

     $(function(){

            $('#cc').combobox({    

                 required:true,    

                 multiple:true,

                 disabled:true  

           });  

      });

</script>

如下图所示:

如何设置jquery easyui中下拉框不可编辑

  • Win10系统不受信任的excel表如何编辑
  • VBA怎么判定数据重复录入
  • 在Excelvba中写入确认按钮msgbox
  • 注册表操作技巧—通过Powershell进行注册表管理
  • Excel2010提示有宏和activex控件,如何开启?
  • 热门搜索
    克徕帝钻戒怎么样 2048怎么玩 泰拉瑞亚怎么联机 软中华怎么看几字头 起亚车怎么样 肩胛骨疼是怎么回事 眼睛出血是怎么回事 苯磺酸氨氯地平片怎么样 广州北京路怎么去 雷锋怎么画