使用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>