帶搜尋功能的下拉選擇框select2

效果如下：

API:http://select2.github.io/select2/

需要引用jquery插件select2 

引入css

  <link href="/select2/4.0.5/css/select2.min.css" target="_blank" rel="external nofollow" rel="stylesheet">

引入js依賴于jquery.js

<script src="/select2/4.0.5/js/select2.full.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() { $("#whitelist").select2(); });
</script>
           

<select id="whitelist" class="selectpicker show-tick form-control select2 select2-drop-mask" multiple="multiple" >
    <option value="test1">test1</option>
    <option value="test2">test2</option>
<select>
           

連續選擇多個，而不關閉，通過設定closeOnSelect=false設定，詳情見https://select2.org/configuration/options-api

設定select 選中某個值：$("#user").val('1').trigger("change");

設定select 選中多個值： $("#user").val([2,3]).trigger("change");//設定多個值選中