基于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()，一切都搞定。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了jquery计算鼠标和指定元素之间距离的方法,涉及jQuery针对页面位置属性与鼠标事件的相关操作技巧,需要的朋友可以参考下2015-06-06
我们今天要做的是手风琴panel，jquery.ui里面有个叫做accordtion的插件，我们要实现的效果和他一样2012-08-08
本文分享了jQuery实现限制文本框的输入长度的示例代码，具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
qprint是一个基于jquery编写的页面打印的一个小插件，但是不得不承认这个插件确实很厉害，下面这篇文章主要给大家介绍了关于利用jqprint插件如何打印页面内容的实现方法，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。2018-01-01
jQuery是一个非常好用的javascript框架，我尤其喜欢它强大的选择器和链式表达式，使得我们能通过简单的语句实现复杂的功能。它还有一个重要的特点就是它的可扩展性，使得很多人都可以开发他们的插件并且分享出来2011-12-12
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
下面小编就为大家带来一篇对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-04-04
本篇文章主要是对JSON对象与字符串之间的相互转换进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了jQuery选择器之基本过滤选择器用法,结合实例形式分析了jQuery常见的基本过滤、属性过滤、内容过滤、子元素过滤等相关操作技巧,需要的朋友可以参考下2019-02-02
由于ASP.NET网页运行后，服务器控件会随机生成客户端id，jquery获取时候不太好操作,下面为大家整理了三种方法，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-07
我们平时在开发web程序的时候，想把一个新闻源滚动显示新闻的条目的标题及内容摘要，而且是每次一条，有点类似csdn的滚动广告。2009-10-10
最新评论