bootstrap下拉列表可手动输入，模糊查询

    <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

如有疑问或者错误，请您留言，我会尽快回复！欢迎一起学习讨论！