基于JQuery的Select选择框的华丽变身

216 阅读 0 评论 143 点赞

我是靠谱客的博主标致树叶，最近开发中收集的这篇文章主要介绍基于JQuery的Select选择框的华丽变身，觉得挺不错的，现在分享给大家，希望可以做个参考。

不过这种情况可能是一去不复返了，如果你猜测是使用HTML5技术，那就错了，在中国，使用IE6浏览器的人仍占绝大大多数，这种古老的浏览器是不认识HTML5的。

我现在推荐的是一款JavaScript插件，它有JQuery和Prototype两种版本，支持所有类型的浏览器。使用它后，你的页面上的select选择框会变的漂亮的让你大吃一惊，下面是使用前和使用后的对比效果图。

单选模式：

多选模式：

更多的效果请访问这个插件的官方主页的中文翻译Chosen演示页面。

具体的用法非常简单，你只需要在select是加入class=”chzn-select”属性就行了，然后调用 jquery： $(“.chzn-select”).chosen()，一切都搞定。

以上就是标致树叶为你收集整理的基于JQuery的Select选择框的华丽变身的全部内容，希望文章能够帮你解决基于JQuery的Select选择框的华丽变身所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。