本文主要和大家详解详解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中文网其它相关文章！
收藏
收藏
收藏
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
0
19
![ThinkPHP5实战之[教学管理系统]](https://img.php.cn/upload/course/000/000/068/6253d87459486427.png)
