bootstrap里select2如何设置多选

list页面： 

<div class="form-group">
    <label class="control-label col-md-2">。。。<span class="required"> * </span></label>
    <div class="col-md-6">
        <input type="hidden" name="contPartyInfo.ourPartyNames" id="ourPartyNames"/>
        <input type="hidden" name="contPartyInfo.ourPartyIds" id="ourPartyIds"/>
        <select id="ourPartyIdSelect" multiple="multiple" class="form-control select2">
            <option value=""></option>
            <%for(ourParty in ourPartyList){ %>
            <option value="${ourParty.dictionaryKey!''}" >${ourParty.dictionaryValue!''}</option>
            <%}%>
        </select>
    </div>
</div>
js（回显）：
// 多选下拉赋值
if(""!="${contPartyInfo.ourPartyIds!''}"){
    $('#ourPartyIdSelect').select2("val","${contPartyInfo.ourPartyIds!''}".split(','));
}
赋值：
var ourPartyIds="";
var ourPartyNames="";
$("#ourPartyIdSelect option:selected").each(function(i,t){
    if(ourPartyIds == ""){
        ourPartyIds = $(t).val();
        ourPartyNames = $(t).text();
    }else{
        ourPartyIds=ourPartyIds+","+$(t).val();
        ourPartyNames=ourPartyNames+","+$(t).text();
    }
})

$("#ourPartyIds").val(ourPartyIds);
$("#ourPartyNames").val(ourPartyNames);
页面效果：