本文主要和大家详解详解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为值
效果：
相关推荐：
vue.js实现单选框、复选框和下拉框 
js实现左右选择框 
js实现下拉框支持添加和删除的方式
以上就是详解angularjs + bootstrap如何实现下拉选择框 的详细内容。