支持模糊查询的替代html中select的jquery插件
来源:互联网 发布:java xss防御 编辑:程序博客网 时间:2024/05/19 15:41
原创文章,转载请注明出处:http://blog.csdn.net/sannychan/article/details/24271351
我们在页面上经常会用到select,里面的内容长度不定,有时候为了界面美观,select的长度比实际可选内容要短。
这个时候就可以发现IE8及以下IE的显示效果,与FireFox、chrome等是不一样的。
IE8及以下版本显示为:select的宽度决定了下拉选项的可视宽度,比如:
但在FireFox和chrome中,下拉选项的可视宽度自适应选项的宽度,据说IE9及以上版本也实现了该效果:
因项目中用到了select,部分内容超出select宽度,导致部分选项不可视。但目前使用的人员大多使用IE8浏览器,因此用了工作之余写了一个jquery插件,用于替换select,不废话,直接上图:
貌似当前版本在chrome中,可视宽度比内容宽度要小,尚不知原因。希望能早日解决。
使用方式:
//输入参数,为id、text键值对。var datas =[{"id":"2","text":"中国石油天然气股份有限公司"}, {"id":"4","text":"中国建筑股份有限公司"}]//文本点击触发的事件,自行编码,通过this.id和this.innerHTML获取相应的值var itemSelectFuntion = function(){alert(this.id + "," + this.innerHTML);};//调用方式(第一个参数为input的id,第二个参数为输入参数,第三个为点击事件)$.selectSuggest('testInput',datas,itemSelectFuntion);
本插件github地址:https://github.com/sannychan/jquery.select/
0 0
- 支持模糊查询的替代html中select的jquery插件
- 支持模糊查询的替代html中select的jquery插件
- SELECT 2 —— 替代SELECT 组件的jQuery 插件
- jquery的模糊查询
- jquery 超级select 插件 selectsearch v3.0.0.0插件 支持汉字、拼音、英文快速定位查询的超级select插件。可方向键、tab 键快速选择。
- mybatis中select语句的模糊查询--${}与#{}
- select的jquery插件
- jQuery实现的模糊查询
- 带模糊查询的select下拉框
- Select下拉框(支持输入模糊查询)
- easyui select选择框模糊查询 以及页面引入多个版本的jquery解决办法
- EasyUI支持模糊查询的Combotree
- Twitter-bootstrap-typeahead——一款模糊查询的jQuery支持ajax的组件介绍
- jquery 超级select插件 v3.2.0.0版本 支持汉字、头写拼音、英文快速定位查询的超级select插件。可方向键、tab 键快速选择。 支持 ie6.0、7.0、8.0、firefo
- 操作select的jquery插件
- jQuery 实现 select模糊查询 反射机制
- jQuery模糊查询的两种方法
- 使用jquery设置HTML中<select>标签的值
- Android ImageView图片自适应
- 文档注释javadoc
- XCODE调试技巧收集
- java基础加强
- win7+64位+Oracle+11g+64位下使用PLSQL+Developer+的解决办法
- 支持模糊查询的替代html中select的jquery插件
- 怎样从数组中删除某个值?
- 面试经典(25)--二叉查找树(搜索树)
- IOS EXC_BAD_ACCESS
- 第五周作业——有向图邻接表表示及反图构造
- OpenCV编程->cxmisc.h无法打开
- 滚动条(如果超出屏幕,自动计算滚动)
- Xcode的控制台调试命令
- ASP.NET上传文件的三种基本方法