下拉框单选无法取消解决办法

最新推荐文章于 2025-01-16 19:42:00 发布

原创最新推荐文章于 2025-01-16 19:42:00 发布 · 920 阅读

0 ·

CC 4.0 BY-SA版权

easyui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种解决单选模式下无法取消已选项并返回默认状态的方法。通过比较当前选项ID与已选中项ID，实现仅在两者不同时取消当前选择并更新为新选项。

onSelect = function(r){
		 	var me = "#action1";
			var id = $(me).combobox('getValue');
			if(r.id==id){
			
			}else{
				$(me).combobox('unselect',id);
				$(me).combobox('select',r.id);
		    }
   		}

<div id="action1_div" style="display:inline-block;margin-top:5px;">
<label style="display:inline-block;width:90px;vertical-align:middle;margin-left:10px;text-align:right">语句操作:</label>
<select id="action1" name="action1" attrType="2" class="easyui-combobox" style="width:200px;" data-options="editable:false,multiple:true,required:false,onShowPanel:showPanelGetOption,onSelect:onSelect" multiple="true"></select>
</div>

因为是单选选择模式，但是选择后不能取消到默认状态---通过添加onSelect:onSelect判断选中的id和已经选中的id是否相等，相等的话不做处理，不相等的话先unselect选中的，再select勾选的。