使用bootstrap-select插件来实现下拉菜单搜索匹配功能
2017-06-08 17:12
666 查看
页面实现的效果如下:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/23/825143483d60137d72a9070e674dfd49)
代码实现如下图:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/23/84faf7e495f38bb80a77592cbc7a6880)
实现这个效果最主要的是需要引用bootstrap-select.min.css和bootstrap-select.min.js,然后在select上面加上class=”selectpicker” 和 data-live-search=”true”
代码实现如下图:
实现这个效果最主要的是需要引用bootstrap-select.min.css和bootstrap-select.min.js,然后在select上面加上class=”selectpicker” 和 data-live-search=”true”
相关文章推荐
- 使用bootstrap-select实现下拉菜单的模糊搜索,支持单选和多选功能
- [Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能
- Bootstrap3使用typeahead插件实现自动补全功能
- [Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
- 使用bootstrap实现下拉框搜索功能的实例讲解
- 【Bootstrap-插件使用】Jcrop+fileinput组合实现头像上传功能
- 基于bootstrap-select插件,实现select下拉框模糊查询功能
- Bootstrap3使用typeahead插件实现自动补全功能
- 使用JQUERY的flexselect插件来实现将SELECT下拉菜单变成自动补全输入框
- 使用bootstrap-multiselect.js实现Input多选功能
- [Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
- 使用bootstrap实现下拉框搜索功能
- ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
- java 使用正则Pattern等实现【搜索 -> 提取 -> 分割 -> 替换】功能
- ASP.NET jQuery 食谱12 (通过使用jQuery validation插件简单实现用户注册页面验证功能)
- 使用Dojo的FilteringSelect打造具有拼音检索功能的下拉菜单(下)
- 实现新闻搜索功能:用户输入关键字,用来匹配新闻标题或内容。
- ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
- GBin1教程:使用jQuery插件jquery.validationEngine实现表单验证功能
- 使用jQuery插件和FCK实现csdn博客功能