jQuery EasyUI为组合,组合框添加清除值功能的实例 - 行业资讯

　　　　　　(函数(美元){//初始化清除按钮　　函数initClear(目标){ 　　var金桥=$(目标); 　　var选择=jq.data .options(组合的); 　　var组合=jq.data .combo(组合的); 　　var=combo.find箭(“span.combo-arrow”); 　　　　var清楚=arrow.siblings (“span.combo-clear”); 　　如果(clear.size ()==0) {//创建清除按钮。　　明确=$ (' & lt;跨类=癱ombo-clear祝辞& lt;/span>”);//清除按钮添加悬停效果。　　clear.unbind (“mouseenter.combo mouseleave.combo”) .bind (“mouseenter.combo mouseleave.combo”, 　　函数(事件){ 　　var发=event.type==癿ouseenter”; 　　明确(发& # 63;最好选择用addClass“替代”:“removeClass”) (“combo-clear-hover”); 　　} 　　);//清除按钮添加点击事件,清除当前选中值及隐藏选择面板。　　clear.unbind .bind (“click.combo”) (“click.combo函数(){ 　　jq.combo (“setValue ", " ") .combo (“setText”、" "); 　　jq.combo (“hidePanel”); 　　}）；　　arrow.before(清晰); 　　}; 　　var输入=combo.find (“input.combo-text”); 　　-clear.outerWidth input.outerWidth (input.outerWidth () ()); 　　　　选择。initClear=true;//已进行清除按钮初始化。　　}//扩展easyui组合添加清除当前值。　　var oldResize=$ .fn.combo.methods.resize; 　　(.extend美元.fn.combo.methods, { 　　initClear:函数(金桥){ 　　返回jq.each(函数(){ 　　initClear(这个); 　　}）；　　}, 　　调整:函数(金桥){//调用默认组合调整方法。　　var returnValue=https://www.yisu.com/zixun/oldResize.apply(参数); 　　var选择=jq.data .options(“组合”); 　　如果(opts.initClear) { 　　jq.combo (“initClear”,金桥); 　　} 　　返回returnValue; 　　} 　　}）；　　}(jQuery)); 　　之前　　　　

<强> html代码

　　　　　　& lt;选择id=" myselect " panelHeight=白远笨杀嗉?" true " name=" itcast祝辞　　& lt;选项值=" https://www.yisu.com/zixun/0 "祝辞成都& lt;/option> 　　& lt;选项值=" https://www.yisu.com/zixun/1 "在传智播客& lt;/option> 　　& lt;选项值=" https://www.yisu.com/zixun/2 "祝辞姚欣& lt;/option> 　　& lt;选项值=" https://www.yisu.com/zixun/3 "的在小星星& lt;/option> 　　& lt;/select> 　　　　之前　　　　

<强> js代码

　　　　　　$ (' # myselect ') .combobox ({ 　　要求:没错, 　　编辑:假　　}).combobox (“initClear”); 　　　　之前　　　　

<强> css样式

　　　　　　.combo-clear { 　　background - color: # E0ECFF; 　　宽度:18 px; 　　高度:20 px; 　　溢出:隐藏; 　　显示:inline-block; 　　vertical-align:最高; 　　光标:指针; 　　透明度:0.6; 　　过滤器:α(不透明度=60); 　　背景:url(图片/combo_clear.png)没有重演中心中心; 　　} 　　.combo-clear-hover { 　　透明度:1.0; 　　过滤器:α(不透明度=100); 　　background - color: # eaf2ff; 　　} 　　　　　　之前　　　　

以上这篇jQuery EasyUI为组合,组合框添加清除值功能的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。