基于JQuery的Select选择框的华丽变身
更新时间：2011年08月23日 23:39:18 作者：
HTML Form 表单里的各种组件，例如文本输入框，textarea，按钮等，都可以通过CSS或其它技术进行美化，让它们看起来很漂亮了，唯独下拉列表选项框(select box),不管你怎么做，它摆在那里总显得格格不入。
不过这种情况可能是一去不复返了，如果你猜测是使用HTML5技术， 那就错了，在中国，使用IE6浏览器的人仍占绝大大多数，这种古老的浏览器是不认识HTML5的。
我现在推荐的是一款JavaScript插件，它有JQuery和Prototype两种版本，支持所有类型的浏览器。使用它后，你的页面上的select选择框会变的漂亮的让你大吃一惊，下面是使用前和使用后的对比效果图。
单选模式：
多选模式：
更多的效果请访问这个插件的官方主页的中文翻译Chosen演示页面。
具体的用法非常简单，你只需要在select是加入class=”chzn-select”属性就行了，然后调用 jquery： $(“.chzn-select”).chosen()，一切都搞定。
您可能感兴趣的文章:
相关文章
本文是对jqgrid 编辑添加功能进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了jQuery实现获取动态添加的标签对象,涉及jQuery针对页面元素的动态添加、元素获取与事件响应相关操作技巧,需要的朋友可以参考下2018-06-06
这篇文章主要介绍了jquery异步传输json数据格式实例代码，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了jquery对象和DOM对象的任意相互转换的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-02-02
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
这篇文章主要介绍了jQuery头像裁剪工具jcrop用法,结合实例形式分析了jQuery头像裁剪工具jquery.jcrop.js具体使用技巧,并附带了完整的demo源码供读者下载参考,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了jQuery设置指定网页元素宽度和高度的方法,涉及jQuery操作width及height方法的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
在网上浏览了许多关于利用Jquery.TreeView插件生成树的例子！但是大多数都没有结合数据库来生成树，很难运用到实际项目中！2010-08-08
本文给大家收集了三种不同类型的jquery时间轴特效，涉及到jquer相关知识，对jquery时间轴特效感兴趣的朋友可以参考下本文2015-11-11
jquery中利用navigator.userAgent.indexOf来判断浏览器类型，并进行了一下处理，如果不想使用jquery，稍为修改下代码就可以为自己所用2011-04-04
本篇文章主要是对jquery选择器之内容过滤选择器进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
最新评论