本文主要和大家详解详解AngularJs + bootstrap如何实现下拉选择框 ，主要以代码的形式和大家分享，希望能帮助到大家。
环境：bootstrap-select.js、bootstrap-select.css
方式一
<select name="departInfo" ng-model="searchArgQry.departInfoSet"
class="form-control" multiple size="1" bootstrap-select="{'liveSearch': true}">
<c:forEach items="${departInfoList}" var="departInfo">
<option value="${departInfo.id}">${departInfo.deptName}</option>
</c:forEach>
</select>其中departInfoList为一个List对象
方式二
<select class="form-control" name="deptId" ng-model="searchArg.deptId"
multiple ng-options="k as v for (k, v) in allDept" size="1"
bootstrap-select="{'liveSearch': true}"></select>其中allDept为Map对象，key为ID，value为值
效果： 
相关推荐：
以上就是详解AngularJs + bootstrap如何实现下拉选择框 的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
141
