需要引入的个文件
- bootstrap-select.js
- bootstrap-select.css
- bootstrap.min.js
百度网盘下载连接:
链接:https://pan.baidu.com/s/11iMeSZXAY4yabVfL5waf1w
提取码:ii11
第一步: js中写下拉框默认值
$(document).ready(function() {
$('.selectpicker').selectpicker({
noneSelectedText:"请选择"
});
})
第二步: 编写多选下拉框(样式自行修改)
<div class="col-xs-12 col-sm-6 col-md-3">
<label class="label-item single-overflow pull-left">订单状态:</label>
<select id="cust1" name="cust1" class=" selectpicker show-tick form-control m-b " multiple data-live-search="true">
<c:forEach items="${orderType}" var="list">
<option value="${list.value}">${list.label}</option>
</c:forEach>
</select>
</div>
第三步: 获取值
$("#cust1").val()
第四步: 清空选项
$("#cust1").val("").trigger("change");//清空