首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery Combobox 扩张 (select+autocomplete)20110730更新

2012-11-01 
jQuery Combobox 扩展 (select+autocomplete)20110730更新jQuery UI虽然比不上extJS的UI,但也在慢慢发展完

jQuery Combobox 扩展 (select+autocomplete)20110730更新

jQuery UI虽然比不上extJS的UI,但也在慢慢发展完善。

http://jqueryui.com/demos/autocomplete/#combobox? 这个combobox扩展挺不错的,可以让下拉菜单具有字符自动完成过滤功能。

?

不过因为并非官方扩展所以存在一些问题,比如不支持参数设置;IE不支持combox的change事件 并且change会有滞后性,用于表单当通过按钮选择项目后直接提交会导致select选项未更新;双击输入框自动选中内容(方便快速删除)。

?

试着更新了代码,支持标准格式,

比如初始化时设定input框(虚拟的select框)宽度 : .combobox({size: 30})

或者对键盘输入延迟速度 .combobox({size: 30, delay: 50})? // 50ms

或者动态更改设置:

$(selector).combobox();

........

$(selector).combobox("option", "size",? 50)

?

存在的问题:

?Firefox中当通过输入法输入中文第一次上屏时不会触发事件,需要继续输入中文或者输入一个空格再backspace删除掉这个空格才能触发自动完成事件。不过这是jQuery.UI键盘事件和中文输入法之间的兼容问题(西方人几乎不可能发现这种bug),和本插件无关。 (patch fixed)

?

效果可以到上面那个url查看。

?

html文件需要相应文件

?

update:

? 2010.07.23 修正输入+或者c++时抛出 'invalid quantifier +' 错误.? 改善IE显示效果。 增加demo.

? 2010.08.04??? FF下给input添加input事件,补丁解决中文输入时触发匹配问题;
? ? ? ? ?? ??? ??? ??? 解决通过下拉菜单选择项目之后继续输入字符到不匹配状态后失焦时无法清空

? 2010.08.12? ??? jQuery.UI升级到1.84,在此基础上修改。

???? add:??? 直接输入匹配字符失焦后保留
? ?? add:??? 添加title参数,可自定义下拉按钮问题说明,默认是‘展开’

???? 20100804版本适用于jQuery.UI v1.82版本,不适用1.84版本

?

? 2010.08.23? 修正样式,输入框及按钮缩小

?

? 2010.11.10 大图标样式有个更好的CSS,看18楼回复

?

? 2011.07.30 更新<input>元素生成方式,增加destroy()方法。提供兼容jQuery1.6版本。

?

?

再有一问:第一个下拉框动态控制第二个(加有过滤功能)下拉框时,当第一个下拉框值改值,第二个下拉框值也跟着改变,但第二个下拉框的可输入框中还留着前一次可输入框的值?有什么办法让第二个下拉框的可输入框中只留当前<option>的第一个值?         size: 20,       
        delay: 200, 'title': '显示所有',
        change: function() { alert("changed");}
    });
这样写对吗?
43 楼 lk617238688 2012-08-23   langwolf 写道请教一下:

下拉列表中,选中一条记录后,触发一个动作。即select的onchange

在该组件中如何使用呢?

谢谢
嗯 同问

热点排行