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

如题所述

推荐答案 2017-09-13

设置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标签内的文字

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/UivvvxnxsinvUUpix99.html

其他回答

第1个回答 2017-09-13

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

引入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>
如下图所示：

在<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>
如下图所示：

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

现在，就要实现下拉框不可编辑的功能，要保证有修改权限的人可以修改，没有修改权限的人只能有查看，设置其不能编辑
<script type="text/javascript">
$(function(){
$('#cc').combobox({
required:true,
multiple:true,
disabled:true
});
});
</script>
如下图所示：本回答被提问者采纳

相似回答

如何设置jquery easyui中下拉框不可编辑答：设置jqueryeasyui中下拉框不可编辑的方法：EasyUI常用控件禁用方法：1.validatebox可以用的用法:前两种适用于单个的validatebox;第三种应用于整个form里面的输入框;.$("#id").attr("readonly",true);$("#id").removeAttr("readonly");.$("#id").attr("readonly","readonly");$("#id").remo...

easyui中如何设置下拉列表框只能选择,列表框内不能输入,答：1、首先，利用jquery easyui中的下拉框，需要放在Java Web项目中。新建一个Java Web项目，并将相应的js和css放到目录下，并在pages目录下新建select.jsp。2、然后我们根据图示代码引入jquery easyui需要的js和css。3、然后我们根据图示代码在中插入div和select。4、启动Tomcat服务器，在浏览器中查看页面，...

如何让jquery-easyui的combobox像select那样不可编辑答：js 中添加editable属性 ('#comb').combobox({ editable:false })或： ...

请问jquery easyui 在datagrid中,怎么让某列中的某个单元格不能编辑呢...答：不设置编辑器就可以了

如何让Jquery EasyUI中datagrid的列被禁止编辑答：Jquery EasyUI的datagrid恐怕是被用到最多的组件了吧。它强大的功能，给前端工程师们带来了很大的便利。

jquery easyui 里面的combotree里面如何设置某一项不能被选择答：for (i=0;i<arr.length ;i++ ){ node=$('#s1').combotree('tree').tree('find',arr[i]); $('#s1').combotree('tree').tree('check',node.target); $('#s1').combotree('tree').tree('expandAll', node.target); }

大家正在搜

easyui下拉框不可编辑 easyui下拉框选中 easyui下拉框input easyui下拉框默认选中第一个 easyui获取下拉框选中的值 jquery下拉框默认选中 jquery 下拉框 easyui给下拉框赋值 easyui模糊查询下拉框