1、首先,利用jquery easyui中的下拉框,需要放在Java Web项目中。新建一个Java Web项目,并将相应的js和css放到目录下,并在pages目录下新建select.jsp。
![](https://iknow-pic.cdn.bcebos.com/9e3df8dcd100baa14f5a465d4910b912c9fc2ee5?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)
2、然后我们根据图示代码引入jquery easyui需要的js和css。
![](https://iknow-pic.cdn.bcebos.com/b21c8701a18b87d6f443aaf9090828381e30fdd7?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)
3、然后我们根据图示代码在<body></body>中插入div和select。
![](https://iknow-pic.cdn.bcebos.com/4034970a304e251fe305e21ea986c9177e3e5361?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)
4、启动Tomcat服务器,在浏览器中查看页面,可以看到此时下拉框只能选择而不能编辑。
![](https://iknow-pic.cdn.bcebos.com/d833c895d143ad4b7b9e47268c025aafa50f06a7?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)
5、现在,就要实现下拉框不可编辑的功能,要保证有修改权限的人可以修改,没有修改权限的人只能有查看,设置其不能编辑。
![](https://iknow-pic.cdn.bcebos.com/ac6eddc451da81cbae8a822b5c66d016082431e3?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto)