不确定是否已经涵盖了这个问题,但我在文档中找不到它,并且想知道是否可能使用jQuery选择插件(用于样式化选择输入)而不包括搜索输入框。具体来说,我想使用标准的选择一个而没有它。
不确定是否已经涵盖了这个问题,但我在文档中找不到它,并且想知道是否可能使用jQuery选择插件(用于样式化选择输入)而不包括搜索输入框。具体来说,我想使用标准的选择一个而没有它。
只是一个快速的跟进:我注意到在函数
AbstractChosen.prototype.set_default_values
从变量中读取数值
this.options.disable_search
因此,您可以使用以下方法禁用搜索栏:
jQuery('select').chosen( {disable_search: true} );
不使用固定数量的阈值。
$(".chzn-select").chosen({disable_search_threshold: 3});
如果我尝试使用文档,但没有成功,所以最终我做出了以下改变:
$('.chzn-search').hide();
在调用chosen之后,我进行上述操作。 希望这可以帮到你。
我在样式表中添加了一个类。
.chzn-select { display: none }
另外,对于单个元素,我会指定该元素并在末尾添加 _chzn
来对其进行目标化操作。
#element_chzn .chzn-select { display: none; }
element-id
,需要使用下划线。#element_id_chzn .chzn-select { display: none; }
disable_search
选项。 - Simon Whitehead$(".chzn-select").chosen({
disable_search: true
});
旧版本不支持此选项。如果你严格禁止使用新版本,你可以使用
$(".chzn-select").chosen({
disable_search_threshold: 5
});
如果搜索结果少于5个,则会隐藏搜索框,最好与性别类型下拉菜单结合使用。另一种解决方法是:
$(".chzn-select").chosen();
$(".chzn-select").hide();
在初始化后立即调用hide函数,不知道为什么这个技巧有效,但它确实可以实现你想要的效果!
建议使用最新版本,以便访问最新选项。
希望对你有帮助!
disable_search_threshold
选项可以隐藏单选下拉框的搜索框。传入的数字指定了在显示搜索框之前允许的最大条目数。如果不需要搜索框,只需将其设置为一个比它将包含的项目数量更高的数字即可。
$('#myDropDown').chosen({ disable_search_threshold: 10 });
$('select').chosen( {disable_search: true} );
使用以下代码禁用它:
jQuery('select').chosen( {disable_search: true} );
.chzn-search{display: none}
由于隐藏多个选择的搜索字段的选项没有一个能够正常工作,我在chosen.jquery.js的第577行进行了修改:
<li class="search-field"><span class="placeholder">' + this.default_text + '</span></li>
this.search_field[0].disabled = false;
对我来说工作正常 - 即使这不是修改代码的最佳实践。
data-filter=false
了吗? - matsr