-
引入select2的css和js
<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/select2/select2.min.css">
<script src="${pageContext.request.contextPath}/resources/select2/select2.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/select2/i18n/zh-CN.js"></script>
-
dom結(jié)構(gòu)
在select上加上
class="select2"
如果是多選守呜，再加上
multiple = "multiple"
-
初始化
$("#centerCourse").select2({
placeholder: '請選擇xxxxx',
multiple:true,
language: "zh-CN",
allowClear:true,
closeOnSelect:false
});
-
效果圖
image.png
樓主還是稍微的改了改他的樣式，要不然覺得實在是有點丑山憨。查乒。。郁竟。玛迄。。
