当前位置:JS特效 » 其他 » Bootstrap和chosen集成jQuery下拉框插件
 Bootstrap和chosen集成jQuery下拉框插件
如果您觉得内容不错,请分享:

插件介绍

这是一款Bootstrap和chosen集成jQuery下拉框插件。该插件利用chosen的样式和bootstrap下拉框的功能,集成出新的下拉框效果。该下拉框支持单项选择和多项选择,支持搜索和分组功能。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:52
简要教程

这是一款Bootstrap和chosen集成jQuery下拉框插件。该插件利用chosen的样式和bootstrap下拉框的功能,集成出新的下拉框效果。该下拉框支持单项选择和多项选择,支持搜索和分组功能。

使用方法

在页面中引入jquery和chosen.jquery.js,以及bootstrap和bootstrap-chosen.css。





                

Bootstrap和chosen集成jQuery下拉框效果

HTML结构

使用该Bootstrap和chosen集成jQuery下拉框插件的基本HTML结构如下:

初始化插件

在页面DOM元素加载完毕之后,通过chosen()方法来初始化该jquery下拉框插件。

$('.chosen-select').chosen();
                

该Bootstrap和chosen集成jQuery下拉框插件的github地址为:https://github.com/alxlit/bootstrap-chosen

Top