本文主要和大家详解详解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 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号