bootstrap下拉搜索插件使用方法详解

bootstrap-select是boot的下拉搜索插件，使用的时候有时我们需要动态从后台 或者 直接加载动态数据。下面是根据一级下拉菜单，动态加载二级联动方式。（不是ajax后台获取）本文主要为大家详细介绍了bootstrap select下拉搜索插件的使用方法，动态加载自己数据的二级联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。

首先引入js与css文件（一个css两个js）

<link rel="stylesheet" href="css/bootstrap-select.css" rel="external nofollow" >

js省略

一、下拉搜索（html）

<select class="selectpicker" data-live-search="true" id="d1">
  <option value="-1">请选择</option>
  <option value="0">0</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<select class="selectpicker" data-live-search="true" id="d2">
  <option value="-1">请选择</option>
</select>

二、加载数据 二级联动（js）

相关推荐：

利用Css+jQuery 制作下拉菜单

Bootstrap下拉菜单的实例教程

Bootstrap按钮式下拉菜单的实例教程

以上就是bootstrap 下拉搜索插件使用方法详解的详细内容，更多请关注Gxl网其它相关文章！