select2 多选下拉框的使用

1.引入select2的js、css文件；（建议最好下载到本地后，再本地引入）

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

2.在select标签上添加 multiple="multiple"属性

<div>
    <span>处理人：</span>
    <select class="combox" id="handle_userArr" onchange="handle_where();" multiple="multiple">
        <option value='1'>张三</option>
        <option value='2'>李四</option>
        <option value='3'>王五</option>
        <option value='4'>宋六</option>
        <option value='5'>马七</option>
        <option value='6'>梁八</option>
    </select>
</div>

3.召唤select2方法

<script type="text/javascript">
    //唤醒select2插件
    $("#handle_userArr").select2({
	    width: '60%',
	    placeholder: "请至少选择一个人名",
	    allowClear: true,
	    minimumInputLength : 0
    });
</script>

4.优化select2样式

<style type="text/css">
    .select2-selection{
	    height: 32.5px;
	    margin-top: -6px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice{
	    background-color: #2255a4;
    }
</style>

5.获取select2的值

//获取方式
var handle_userArr = $('#handle_userArr').val();

//获取格式=["IT服务台", "崔**", "冯*", "赵**", "赵*"]

效果图：