本文目录一览：
- 1、jquery.chosen.js 在模糊搜索的时候，只能够匹配以相同 字符开头的 选项，现在我想要匹配所有项目，譬如
- 2、jquery chosen这个插件，怎么样才能让下拉框向上开启
- 3、如何获取 chosen chosen.jquery.js 选中的值
- 4、如何触发下拉框下拉事件
- 5、jquery插件Chosen怎么设置result个数大于5时出现滚动条
- 6、最近在使用chosen这个jQuery插件，想要使optgroup能被点击，点击组的名字自动全选该组中的所有选项。
jquery.chosen.js 在模糊搜索的时候，只能够匹配以相同 字符开头的 选项，现在我想要匹配所有项目，譬如
模糊查询时，chosen默认从第一个字符搜索，所以写中间的字符搜索时，是搜索不出来的
–下面的js中（search_contains属性为true即可）可以让chosen搜索选项的中间及末尾字符
no_results_text是搜索不到内容时，显示的提示语
placeholder_text是下拉选项默认显示的文字
disable_search_threshold是select的option选项大于等于此值，才会显示查询的文本框
jQuery(“.chosen”).chosen({
no_results_text: “My language message.”,
placeholder_text : “My language message.”,
search_contains: true,
disable_search_threshold: 10
});
或者是直接将jquery.chosen.js的源码修改了
将this.search_contains = this.options.search_contains || !1
改为this.search_contains = true || !1
jquery chosen这个插件，怎么样才能让下拉框向上开启
可以在触发弹出自动补全下拉菜单的地方，再获取一次当前窗口的z-index属性，+1赋给自动补全菜单~这个trick不知满意不
如何获取 chosen chosen.jquery.js 选中的值
假设选项固定，需要通过代码修改选中项，处理顺序为
1、先将原有选中项删除
$(“#XXXX option[selected=’selected’]”).attr(‘selected’,false);
2、设定新的选中项
$(“#XXXX option[value=’aaa’]”).attr(“selected”,true);
3、重新刷新chosen
if ($(“#XXXX”).hasClass(‘chzn-done’))
$(“#XXXX”).chosen(‘destroy’);
$(“#XXXX”).chosen(…);
如何触发下拉框下拉事件
下面介绍两种方式，主要给出插件代码：
1，可以手动写js，设置下拉框为多选下拉框。
2，也可以使用对应的插件，比如zui.sexy中chosen插件，非常的专业好用。当然还有其他的前端插件，都是可以用的。
插件代码（对应的js包需要自己导入，这里给出关键实现代码）：
select data-placeholder=”选择一些爱吃的水果…” class=”chosen-select form-control” tabindex=”2″ multiple=””
option value=”strawberries”草莓/option
option value=”apple”苹果/option
option value=”orange”橙子/option
option value=”cherry”樱桃/option
option value=”banana”香蕉/option
option value=”figs”无花果/option
/select
!– 下面的代码为插件的具体实现 —
$(‘select.chosen-select’).chosen({
no_results_text: ‘没有找到’, // 当检索时没有找到匹配项时显示的提示文本
disable_search_threshold: 10, // 10 个以下的选择项则不显示检索框
search_contains: true // 从任意位置开始检索
});
导入对应的js包，利用上面的代码，即可实现多选下拉框的需求，截图如下：
成功完美的实现！
jquery插件Chosen怎么设置result个数大于5时出现滚动条
你好 凡是问题都是能解决的，不能解决的被统称为未知的，所以可以去这个网站上看看。这里面有详细的说明跟例子。望采纳，开发要学会看官网的文档网页链接
最近在使用chosen这个jQuery插件，想要使optgroup能被点击，点击组的名字自动全选该组中的所有选项。
这个插件挺好的，只是，多选的时候需要多次点击才可以，而且每次都要重新获取焦点，没有全选按钮，建议在他的js中根据需求开发扩展，我也正在研究这个插件。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/303503.html
微信扫一扫 
支付宝扫一扫 