bootstrap裡select2如何設定多選
阿新 • • 發佈:2019-01-27
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);
頁面效果: