Select2控件
支持模糊匹配

引入Select2的CSS和JS

<link rel="stylesheet" type="text/css" href="${ctx}/static/comp/select2/select2.css?5"> <script src="${ctx}/static/comp/select2/select2.min.js?4"></script>

頁面元素

<select path="labId" class="inputStyle" placeholder="請選擇"><option value=""></option><c:forEach items="${laboratoryList}" var="s"><option value="${s.id}">${s.name}</option></c:forEach> <select>

laboratoryList，通過Modle返回

model.addAttribute("laboratoryList", dailyPlanWebService.selectValidLabList());

JS代碼

$('#sampBizModeId').select2({width: 100 + "%", placeholder: "請選擇", allowClear: true});

通過select()2方法，Select2的JS會將普通select控件的頁面元素
轉(zhuǎn)換為select2的元素格式

總結(jié)

以上是生活随笔為你收集整理的Select2控件的使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。