Bootstrap框架下下拉框select搜索功能
之前用Easyui框架下做的下拉框选择，虽然可以搜索，但是有诸多的不便：比如，不能模糊匹配，必须按照第一个字母来搜索
心血来潮，想换个框架写后台，然后用Bootstrap搭了个架子，然后两种样式冲突，百度了一把，找到了另一个牛逼的基于Bootstrap下拉框搜索功能的js
不区分大小写，模糊匹配，哈哈，太棒了~~
具体用法：
<script type="text/javascript" src="<%=basePath%>/js/commons/jquery.min.js"></script>
<script type="text/javascript" src="${basePath}/js/silviomoreto-bootstrap/bootstrap-select.js"></script>
<link rel="stylesheet" type="text/css" href="${basePath}/js/silviomoreto-bootstrap/bootstrap-select.css">
<!-- 3.0 -->
<link href="${basePath}/js/silviomoreto-bootstrap/bootstrap.min.css" rel="stylesheet">
<script src="${basePath}/js/silviomoreto-bootstrap/bootstrap.min.js"></script>初始化一下：
$(window).on('load', function () {
$('.selectpicker').selectpicker({
'selectedText': 'cat'
});
// $('.selectpicker').selectpicker('hide');
});
关键代码是class和后面是否支持搜索
<select id="bs3Select" class="selectpicker show-tick form-control" multiple data-live-search="true"> <option>cow</option> <option>bull</option> <option class="get-class" disabled>ox</option> </select>
如果大家还想深入学习，可以点击这里进行学习，再为大家附两个精彩的专题：Bootstrap学习教程 Bootstrap实战教程
更多搜索功能实现的精彩文章，请点击专题：javascript搜索功能汇总 进行学习
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
各种大小的下拉框 <div class="row"> <div class="field-label">mini</div> <div class="select-size" data-skin="mini"></div> </div> <div class="row"> <div class="field-label">tiny</div> <div class=
-
本文向大家介绍Bootstrap select多选下拉框实现代码，包括了Bootstrap select多选下拉框实现代码的使用技巧和注意事项，需要的朋友参考一下 前言 项目中要实现多选，就想到用插件，选择了bootstrap-select。 附上官网api链接，http://silviomoreto.github.io/bootstrap-select/. 没有中文的。对付看吧。有机会每个方法实
-
本文向大家介绍Bootstrap select实现下拉框多选效果，包括了Bootstrap select实现下拉框多选效果的使用技巧和注意事项，需要的朋友参考一下 在学习bootstrap实现下拉多选效果的时候，觉得该效果很好，所以拿来分享下，这里就不详细的描述了，直接附上代码给各位看看 HTML代码： js代码： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
我正在设计一个网站。在我的网站，我想创建这样一个菜单，其中导航栏将包含这样一个ul，哪个类将是导航导航栏-导航导航栏-右。缩小页面大小后，此时会出现下拉按钮。然后，如果用户单击按钮，在出现的下拉框中li项应该向左浮动，这意味着ul类将是nav navbar-nav navbar-左。我该怎么做呢？我试过jQuery。但是在这种情况下，在页面返回到其原始大小后，ul不会返回到其原始的nav navb
-
本文向大家介绍Bootstrap 下拉多选框插件Bootstrap Multiselect，包括了Bootstrap 下拉多选框插件Bootstrap Multiselect的使用技巧和注意事项，需要的朋友参考一下 引入文件： 使用 jsp页面 js: $("#user_role").multiselect({ //分别为控制下拉容器最大高度、最多允许具体展示选中项数（其余以数字形式展示）、隔
-
本文向大家介绍bootstrap select下拉搜索插件使用方法详解，包括了bootstrap select下拉搜索插件使用方法详解的使用技巧和注意事项，需要的朋友参考一下 bootstrap-select是boot的下拉搜索插件，使用的时候有时我们需要动态从后台 或者 直接加载动态数据。 下面是根据一级下拉菜单，动态加载二级联动方式。（不是ajax后台获取） 首先引入js与css文件（一个cs