JavaScript 一个出自Harvest团队的JS Select box插件: Chosen

lgn21st · 发布于 2011年11月27日 · 最后由 gechentuo 回复于 2014年04月10日 · 5125 次阅读
3

Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.

http://harvesthq.github.com/chosen/

Standard select: [img]//ruby-china-files.b0.upaiyun.com/photo/881c8039dda0175949c0cffc210cd533.png[/img]

Multiple select: [img]//ruby-china-files.b0.upaiyun.com/photo/9283d47b276c86ae03e7245d97c38b94.png[/img]

Why use Chosen?

  • User Friendly
  • Progressive Enhancement
  • Painless Setup
共收到 18 条回复
De6df3

现在 Github 都在用这个

27

不错,Multiple Select 很有爱。:D

96

感觉和jquery token-input 差不多

96

不支持ie6,非技术型应用针对国内用户比较烦。。。

3

#4楼 @Psi 看到你的回复让我激动了一下,联想到总有一些人分析产品时总拿不支持IE6说事... [img]//ruby-china-files.b0.upaiyun.com/photo/c5d9870a8669b8877d669f95bca2f749.png[/img]

http://www.ie6countdown.com/ 不支持IE6应该是一个feature!

96

#5楼 @lgn21st 我倒是想ie6灭杀干净,但现实里却是无奈得很。之前几个项目里都为 select boxes 烦恼过,寻找解决方案中试过 Chosen ,本以为是很好的解决方案,但最终在ie6中败阵下来,至今没找到合适的解决方案。当然,ruby-china 这类型技术社区里直接上 Chosen 完全没有问题,ruby 程序员如果还用ie6那么也可以直接忽略他了。

188

非常赞!:D

之前我contribute过一个有一点类似的项目:https://github.com/wuyuntao/jquery-autosuggest

61

chosen非常赞,而且作者也非常热心,我现在已经在项目中大量用它了,ie6的问题我这边是这么处理的,只要是要支持ie6的项目,不做

96

#8楼 @pzgz 顶你 . 将来有一天我牛B了,我也怎么干!

94

#1楼 @huacnlee 在发帖时标题中结点的选择可不可以考虑一下这个插件呢?

132

用过 , 很棒

96

如果人兼容IE6,可以作默认的样式嘛,用IE6的用户,相信对体验也不会要求太多

15

我用了,但郁闷的是 当某个disabled的时候,他自作多情就不显示改了

410

用过 很不错的插件

441

ruby-china的新建帖子类别也是用的这个插件?

8322

@lgn21st 你好,我想请教你一个问题。我在项目中使用了chosen-rails这个gem。按照github主页上的配置,都做好了。js部分的功能可以正常运行,但是css效果却没有办法加载出来,这问题处在哪里,你能告诉我吗?

<%= f.select :teacher_ids,options_for_select(teachers_array),{},{:multiple => true, :class => 'chzn-select'}%>
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册