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

2024-11-22 04:19:18
推荐回答(2个)
回答1:

设置jqueryeasyui中下拉框不可编辑的方法:EasyUI常用控件禁用方法:1.validatebox可以用的用法:前两种适用于单个的validatebox;第三种应用于整个form里面的输入框;.$("#id").attr("readonly",true);$("#id").removeAttr("readonly");.$("#id").attr("readonly","readonly");$("#id").removeAttr("readonly");.$("#Form:input").attr("readonly","readonly");//对form里面的禁用.$("input").attr("readonly","readonly");//对所有的input标签禁用2.combobox禁用启用用法:.$("#id").combobox({disabled:true});$("#id").combobox({disabled:false});.$("#id").attr("readonly","readonly");//对单个禁用$("#id").removeAttr("readonly");.$("#fm.easyui-combobox").combobox({disabled:true});//对form里面的下拉框禁用.$("#ID").combobox("disable");------$("#ID").combobox("enable");3.datebox与datetimebox禁用启用方法:.$("#fm.easyui-datebox").datebox({disabled:true});$("#fm.easyui-datebox").datebox({disabled:false});.$("#id").attr("readonly","readonly");$("#id").removeAttr("readonly");.$("#fm.easyui-datetimebox").datetimebox({disabled:true});4.combogrid禁用启用方法:.$("#FPayApplySupAccountID").combogrid("disable");$("#FPayApplySupAccountID").combogrid("enable");5.lable标签ID附加文字:.$("#id").text("标题:");//此方法可以屏蔽掉lable标签内的文字

回答2:

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

引入jquery easyui需要的js和css





如下图所示:

在中插入div和select




如下图所示:

启动Tomcat服务器,在浏览器中查看页面
http://localhost:端口号/项目名称/页面名称
查看结果如下:

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

如下图所示: