2013-04-27 114 views
1

我正在使用选择栏的gem取得巨大成功。但是,我想自定义占位符文本。从创业板的文档,它看起来像下面应该是在咖啡脚本文件添加占位符文本到选定的选择-jquery

$('.chzn-select').chosen 
    allow_single_deselect: true 
    no_results_text: 'No results matched' 

当我使用这个代码,我可以改变deslectbehaviour,所以脚本被调用,但占位符文本不会更改

有没有人遇到类似的行为?

回答

6

我发现了一个更好的解决方案。

在此https://github.com/harvesthq/chosen/issues/176之后,可以使用.attr(“数据占位符”,“我的消息在这里...”)。而不是.data()。

+0

非常完美,非常感谢。是的,阅读手册总是一个想法! – 2013-08-14 16:27:44

0

文档在“默认文本支持”部分中说您应该在select元素上使用data-placeholder属性。我还没有测试过它,我也很好奇如何从脚本而不是标记中做到这一点。

编辑: 我刚刚找到了解决办法: - 从脚本简单overriding data attribute(很明显的:))。

+0

嗯,是啊,很优雅,只是似乎看起来没有为我工作。仍然围绕着圆圈 – 2013-06-12 16:13:22

+0

同上。我也有同样的问题。有没有人找到正确的解决方案? – rjd 2013-08-08 17:37:43

9

只需将您的data-placeholder属性,选上的会自动对其进行分析:

:data => {:placeholder => 'User Name'}

+0

不似乎为我工作。我有一个下拉式集合'= f.input:occupancy_of_home,集合:@ quote.options [:occupancy_of_home],data:{占位符:'家庭类型'}' – 2014-04-25 19:21:24

0

这里的正确的解决方案是将一个空的选项元素之上。

0

设置在CoffeeScript的文件使用一个默认文本:

$('.chzn-select').chosen allow_single_deselect: true no_results_text: 'No results matched', placeholder_text_single: 'Please select an option', placeholder_text_multiple: 'Please select some options'

对我的作品有选择的护栏1.5.2

相关问题