本文目录一览:
- 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中根据需求开发扩展,我也正在研究这个插件。