<link href="../css/plugins/bootstrap-select/bootstrap-select.css" rel="stylesheet">
<script src="../js/plugins/bootstrap-select/bootstrap-select.js"></script>
<label class="col-sm-2 control-label">商品编码:</label>
<div class="col-sm-4">
<select style="margin-bottom: 0px;color:#8E8E8E;" class="form-control m-b selectpicker" data-live-search="true" name="goodsNo" id="goodsNo" >
<option value="">请选择商品编码</option>
<c:if test="${fn:length(goodsList) > 0}">
<c:forEach items="${goodsList}" var="goodsList">
<option value="${goodsList.code}">${goodsList.code}--${goodsList.name}</option>
</c:forEach>
</c:if>
</select>
</div>
bootstrap-select.css,bootstrap-select.js这两个文件下载地址
官方插件地址: http://silviomoreto.github.io/bootstrap-select/
Github地址: https://github.com/silviomoreto/bootstrap-select
添加一个data-live-search="true"
的属性,效果如下:
bootstrap-select下拉框详解Basic examples(来自官方文档)https://blog.csdn.net/qq_18248667/article/details/91955043
bootstrap-select下拉框详解Core options(来自官方文档)https://blog.csdn.net/qq_18248667/article/details/91955278
bootstrap-select下拉框详解methods(来自官方文档)https://blog.csdn.net/qq_18248667/article/details/91955372
如有疑问或者错误,请您留言,我会尽快回复!欢迎一起学习讨论!