原创文章,转载请注明出处:http://blog.csdn.net/sannychan/article/details/24271351
我们在页面上经常会用到select,里面的内容长度不定,有时候为了界面美观,select的长度比实际可选内容要短。
这个时候就可以发现IE8及以下IE的显示效果,与FireFox、chrome等是不一样的。
IE8及以下版本显示为:select的宽度决定了下拉选项的可视宽度,比如:
但在FireFox和chrome中,下拉选项的可视宽度自适应选项的宽度,据说IE9及以上版本也实现了该效果:
因项目中用到了select,部分内容超出select宽度,导致部分选项不可视。但目前使用的人员大多使用IE8浏览器,因此用了工作之余写了一个jquery插件,用于替换select,不废话,直接上图:
使用方式:
//输入参数,为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/
相关推荐
下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select
一个带下拉模糊搜索的select,替换下拉内容后即可直接使用,只需要把对应文件放到指定文件夹中引用即可
仿苹果select jquery 插件,可用于手机端
jquery select2 select美化插件
Juqery插件,下拉,支持多选,单选,模糊查询,样式美观,Juqery插件,下拉,支持多选,单选,模糊查询,样式美观Juqery插件,下拉,支持多选,单选,模糊查询,样式美观
带模糊查询的select下拉框,最近做了一个功能,在下拉框中有上千条选项,这种情况下肯定不能一个一个地去找,所以在下拉框中添加了一个模糊查询的功能,很多资料都有各种问题,下面是我实现的完整的实例
下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select
Combo Select Jquery插件,带模糊搜索查询筛选功能。
jquery的一个插件 文本框的糊查询,支持本地数据源和ajax异步数据请求 支持文本框的状态,如果不是手工输入,而是通过选择到文本框的值,将可取到selected属性为true 解决IE下div不能挡住select object flash等的...
select 检索插件jquery框架,根据输入内容自动过滤select 选项
主要介绍了JS中Select下拉列表类(支持输入模糊查询)功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧
jquery插件 select2 多样化的下拉框插件。
一组经过美化的jQuery select下拉框单选和多选插件,带搜索功能,模拟select下拉框多选菜单选择效果。
网页应用中,多个select之间级联刷新是很常见的一个需求,本插件充份运用jquery强大的脚本功能,并运用json实现数据交互,实现了select无限级联的功能,接口调用简洁,刷新功能配置灵活,参数强大, 支持select元素...
前台select框模糊查询方法 可以实现多选以及模糊匹配 可以调高查找效率
jquery 超级select插件 v4.0版本
简单实用的jquery select2组件
Jquery select 插件 select
SELECT jquery插件 ajax填充 SELECT jquery插件 ajax填充 SELECT jquery插件 ajax填充 SELECT jquery插件 ajax填充 好东东