效果如下:
API:http://select2.github.io/select2/
需要引用jquery插件select2
引入css
<link href="/select2/4.0.5/css/select2.min.css" 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");//设置多个值选中