关于EasyUI ComboBox(下拉列表框)能否直接输入文本的问题,详情如图所示。
展开全部
<script type="text/javascript">
function doFn(obj){
var txt = $(obj).val();//取得当前文本
if(txt=="禁用"){
$("#comboboxid").combobox("disable");//禁用combobox
$(obj).val("启用");
}else{
$("#comboboxid").combobox("enable");//启用combobox
$(obj).val("禁用");
}
}
</script>
<head>
<body>
<select id="comboboxid" class="easyui-combobox" style="width:100px;">
<option value="aa">item1</option>
<option value="bb">item2</option>
</select>
<input type="button" value="禁用" onclick="doFn(this);"/>
</body>
function doFn(obj){
var txt = $(obj).val();//取得当前文本
if(txt=="禁用"){
$("#comboboxid").combobox("disable");//禁用combobox
$(obj).val("启用");
}else{
$("#comboboxid").combobox("enable");//启用combobox
$(obj).val("禁用");
}
}
</script>
<head>
<body>
<select id="comboboxid" class="easyui-combobox" style="width:100px;">
<option value="aa">item1</option>
<option value="bb">item2</option>
</select>
<input type="button" value="禁用" onclick="doFn(this);"/>
</body>
追问
不是禁用/启用控件,而是控制能不能直接输入。就是加载完成后,点击按钮,则用户只能从下拉列表中选择一个,而不能手动输入;再点击按钮,用户便可以手动输入。这样描述明白吗?
追答
function doFn(obj){
var txt = $(obj).val();//取得当前文本
if(txt=="禁用"){
$("#comboboxid").combobox({"editable":false});//combobox不能输入
$(obj).val("启用");
}else{
$("#comboboxid").combobox({"editable":true});//combobox可输入
$(obj).val("禁用");
}
}
item1
item2
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询