没有搜索字段的jQuery Chosen插件

bob*_*obb 30 javascript jquery jquery-plugins jquery-chosen

不确定这是否已在某处覆盖,但我在文档中找不到它,并且想知道是否有可能不包含带有jQuery选择插件的搜索输入框(用于样式选择输入).具体来说,我想使用没有它的标准选择.

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

Mun*_*son 62

快速跟进:我注意到了功能

AbstractChosen.prototype.set_default_values
Run Code Online (Sandbox Code Playgroud)

读取变量

this.options.disable_search
Run Code Online (Sandbox Code Playgroud)

因此,您可以禁用搜索字段

jQuery('select').chosen( {disable_search: true} );
Run Code Online (Sandbox Code Playgroud)

不使用固定数量的阈值.

  • 如何从属性和属性中学习这些?没有文档AFAIK,只有github上的演示文稿太简单,不包含任何内容. (2认同)

小智 44

$(".chzn-select").chosen({disable_search_threshold: 3});
Run Code Online (Sandbox Code Playgroud)

如果select的元素数小于disable_search_threshold(此处为2且更小),则不会显示搜索框.


Dhi*_*raj 11

好吧,我也尝试了文档,没有运气,所以我终于解决了这个问题

.$隐藏( 'chzn搜索')();

在我打电话选择之后,我做了上述事情.希望这可以帮助

  • 你也可以在你的CSS中使用.chzn-search {display:none;}.但是在构造函数对象中使用disable_search:true是正确的方法. (4认同)

小智 5

我在样式表中添加了一个类.

.chzn-select { display: none }
Run Code Online (Sandbox Code Playgroud)

或者,对于单个元素,我指定元素并附_chzn加到目标.

#element_chzn .chzn-select { display: none; }
Run Code Online (Sandbox Code Playgroud)

请注意:选择将元素ID和类中的连字符转换为下划线,以便根据element-id需要进行定位.

#element_id_chzn .chzn-select { display: none; }
Run Code Online (Sandbox Code Playgroud)