jquery中如何实现chosen通用初始化

科技资讯 投稿 6000 0 评论

jquery中如何实现chosen通用初始化

我们常常会遇到一些问题,比如jquery中如何实现chosen通用初始化等问题,我们该怎么处理呢。下面这篇文章将为你提供一个解决思路,希望能帮你解决到相关问题。

一、什么是Chosen

Chosen是一个jQuery插件,它可以让长、复杂的选择框变得简单、优雅,提高用户体验,它可以让选择框拥有搜索功能,可以自定义样式,并且支持多选。

二、Chosen的初始化

Chosen的初始化非常简单,只需要在页面中引入jQuery和Chosen的js文件,并且在页面中添加一个class为chosen的select标签,然后在js文件中调用$(".chosen").chosen()即可实现Chosen的初始化,如下:


$(document).ready(function(){
    $(".chosen").chosen();
});

三、Chosen的配置项

Chosen提供了一系列的配置项,可以让用户自定义Chosen的样式和功能,如下:


$(".chosen").chosen({
    width: "100%",  // 选择框宽度
    disable_search_threshold: 10, // 当选项数目大于10时,才显示搜索框
    no_results_text: "没有找到结果", // 搜索无结果时显示的提示文字
    allow_single_deselect: true // 是否允许取消选择
});

总结

以上就是为你整理的jquery中如何实现chosen通用初始化全部内容,希望文章能够帮你解决相关问题,更多请关注本站相关栏目的其它相关文章!

编程笔记 » jquery中如何实现chosen通用初始化

赞同 (32) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽