实现bootstrap搜索下拉框，本文采用bootstrap-select插件；bootstrap-select插件依赖jquery1.8+和bootstrap，
所以需要先引入jquery和bootstrap。
代码：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>bootstrap 搜索下拉框</title><!-- jquery --><script src="/jquery/2.1.1/jquery.min.js" type="text/javascript"></script><!-- bootstrap --><link href="/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"><script src="/twitter-bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script><!-- bootstrap-select --><link rel="stylesheet" href="/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css"><script src="/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script></head><body><select class="selectpicker show-tick form-control" data-live-search="true"><option>四川(sichuan)</option><option>江西(jiangxi)</option><option>湖北(hubei)</option><option>上海(shanghai)</option><option>北京(beijing)</option><option>河北(hebei)</option></select></body></html>
重点：data-live-search="true" 属性 和selectpicker 这个class。也可以用js初始化。
效果：
补充一点：
如果select是通过ajax获得，则需要在ajax中加入 （ajax动态获取options选项后，需要refresh刷新页面才可以显示出来options）
需要加上：
$('.selectpicker').selectpicker('refresh');
