Select2给select加搜索功能的插件

1.在项目中导入select2的插件

2.引入js和css

如下：

<link rel="stylesheet" href="../js/vendor/select2-4.0.0/bootstrap/3.3.0/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="../js/vendor/select2-4.0.0/select2-4.0.0/dist/css/select2.min.css" type="text/css" />

<script type="text/javascript" src="../js/vendor/select2-4.0.0/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../js/vendor/select2-4.0.0/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/vendor/select2-4.0.0/select2-4.0.0/dist/js/select2.min.js"></script>
<script type="text/javascript" src="../js/vendor/select2-4.0.0/select2-4.0.0/dist/js/select2.full.js"></script>

3.给<select>标签加class="js-example-basic-single"

如：

<select class="js-example-basic-single" id="No2" style="width:670px;height:34px"  οnchange="selectpersion()">
                  <option value="">--请选择人员--</opiont>

 <option value="2">出来了</opiont> 

<option value="3">出来了啊</opiont>

 <option value="4">出来了啊啊</opiont>

 <option value="5">出来了啊啊啊</opiont>
</select> 

4.js写法：

<script type="text/javascript">
 $('.js-example-basic-single').select2({
 placeholder: "--请选择人员--",
 allowClear: true
}); 
</script>

效果如下：

这个插件挺好用！！