1. 程式人生 > >bootstrap裡select2如何設定多選

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);
頁面效果: