jQuery EasyUI 为Combo,Combobox添加清除值功能

大星星的弟弟

于 2013-11-28 11:21:19 发布

阅读量1.2w

点赞数

分类专栏： EasyUI jQuery 文章标签：传智播客 easyui jquery

本文链接：https://blog.youkuaiyun.com/WoXiaoXingXing/article/details/17002525

版权

本文介绍如何在使用 jQuery EasyUI 的 Combo 和 Combobox 控件时，添加清除选定值的功能，以增强用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：

图标

(function($){
    
    //初始化清除按钮
    function initClear(target){
        var jq = $(target);
        var opts = jq.data('combo').options;
        var combo = jq.data('combo').combo;
        var arrow = combo.find('span.combo-arrow');
        
        var clear = arrow.siblings("span.combo-clear");
        if(clear.size()==0){
            //创建清除按钮。
            clear = $('<span class="combo-clear" style="height: 20px;"></span>');
            
            //清除按钮添加悬停效果。
            clear.unbind("mouseenter.combo mouseleave.combo").bind("mouseenter.combo mouseleave.combo",