이 글은 주로 AngularJs + bootstrap에서 드롭다운 선택 상자를 구현하는 방법을 자세히 설명하고 있으며 주로 코드 형식으로 공유되어 도움이 되길 바랍니다.
환경: bootstrap-select.js, bootstrap-select.css
방법 1
<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>
여기서 partInfoList는 List 객체입니다.
방법 2
<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 객체이고 키는 ID, 값은 값입니다
효과:
관련 권장 사항:
vue.js는 라디오 버튼, 체크 상자 및 드롭다운 상자를 구현합니다.
Node.js는 드롭다운 상자 지원을 구현합니다. 추가 및 삭제 방법
위 내용은 AngularJs + bootstrap이 드롭다운 선택 상자를 구현하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!