关于bootstrap-select的简单使用-CSDN博客

本文链接：https://blog.csdn.net/c15162/article/details/117125477

本文介绍了如何在网页中使用Bootstrap和jQuery库来创建一个可交互的仓库选择下拉菜单。通过`<select>`元素配合Bootstrap Select插件，展示了如何动态加载数据并展示在选项中。

摘要由CSDN通过智能技术生成

引入js css

<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap-select.css">
<script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap-select.js"></script>

如若没有可点击此处前去下载
https://v3.bootcss.com/
https://www.bootstrapselect.cn/
https://code.jquery.com/jquery-1.11.0.min.js

先上张图看下效果吧
在这里插入图片描述
上代码

 				<div class="thumbnail">
			    	<div id="code">
				    	<font style="float: left;margin-right: 10px;line-height: 36px;font-size: 15px;">倉庫</font>
				    	<select class="selectpicker" id="warehouseCode">
				    		<option value=""></option>
				    		<c:forEach items="${entitys}" var="entity">
									<option value="${entity.warehouse_code}">${entity.warehouse_name}</option>
							</c:forEach>
						</select>
			      	</div>
				</div>

其中foreach的内容可自己替换
有问题可留言
end