使用bootstrap添加搜索下拉框

<!-- 下拉搜索框 -->

<script type="text/javascript" src="http://www.daimajiayuan.com/download/jquery/jquery-1.10.2.min.js"></script>

<script type="text/javascript" src="http://cdn.bootcss.com/bootstrap-select/2.0.0-beta1/js/bootstrap-select.js"></script>

<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap-select/2.0.0-beta1/css/bootstrap-select.css">

<script type="text/javascript">

$(window).on(\'load\', function () {

$(\'.selectpicker\').selectpicker({

\'selectedText\': \'cat\'

});

// $(\'.selectpicker\').selectpicker(\'hide\');

});

</script>

<!-- 下拉搜索框结束 -->

body中添加

<label for="bs3Select" class="col-sm-1 control-label">国家</label>

<div class="col-sm-3">

<select class="selectpicker show-tick form-control" multiple data-live-search="true">

<option>cow</option>

<option>bull</option>

<option>ox</option>

</select>

</div>