如何设置jquery easyui中下拉框不可编辑
3个回答
展开全部
设置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标签内的文字
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标签内的文字
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$('#cc').combo({
editable:false,//定义用户是否可以直接输入文本到字段中。
required:true,
multiple:true
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
