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

如题所述

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

<2>.$("#id").attr("readonly", "readonly");
$("#id").removeAttr("readonly");
<3>.$("#fm .easyui-datetimebox").datetimebox({ disabled: true });
4.combogrid禁用启用方法:
<1>.$("#FPayApplySupAccountID").combogrid("disable"); $("#FPayApplySupAccountID").combogrid("enable");
5.lable标签ID附加文字:
<1>.$("#id").text("标题:"); //此方法可以屏蔽掉lable标签内的文字
温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-10-27
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="demo/demo.css"/>
<link rel="stylesheet" type="text/css" href="themes/icon.css"/>
<script type="text/javascript" src="jquery.min.js" ></script>
<script type="text/javascript" src="jquery.easyui.min.js" ></script>
<script type="text/javascript">
$(function(){
$('#cc').combobox({    
                 required:true,    
                 multiple:true, //多选
                 editable:false  //是否可编辑
            });  
})
</script>
</head>
<body>
<select id="cc" class="easyui-combobox" name="dept" data-option="disabled:true;" style="width:200px;">
    <option value="aa">aitem1</option>
    <option>bitem2</option>
    <option>bitem3</option>
    <option>ditem4</option>
    <option>eitem5</option>
</select>
</body>
</html>

第2个回答  2017-10-09
$('#cc').combo({   
    editable:false,//定义用户是否可以直接输入文本到字段中。
    required:true,   
    multiple:true  
});