반응형
<select id="curriculumAddOrder" name="curriculumOrder">
<!-- 공란일 때 -->
<option value="" selected="selected">선택</option>
<!-- 1 ~ 마지막 요소 -->
<c:forEach var="index" begin="1" end="${maxCOrder}">
<!-- check요소(found) 초기화 -->
<c:set var="found" value="false" />
<!-- 요소들 조회 -->
<c:forEach var="item" items="${curriculumList}">
<!-- index와 요소 비교-->
<c:if test="${index eq item.stepOrder}">
<!-- 요소를 true로 check -->
<c:set var="found" value="true" />
</c:if>
</c:forEach>
<!-- 요소가 check되지 않은 것들 -->
<c:if test="${not found}">
<option value="${index}">${index}</option>
</c:if>
</c:forEach>
<!-- 마지막 요소 + 1 -->
<option value="${maxCOrder + 1}">${maxCOrder + 1}</option>
</select>
<!-- Option List 확인 -->
<script>
document.addEventListener('DOMContentLoaded', function () {
var select = document.getElementById('curriculumAddOrder');
var options = select.options;
console.log("Option list:");
for (var i = 0; i < options.length; i++) {
console.log(options[i].value + ': ' + options[i].text);
}
});
</script>
반응형
'Frontend > jQuery & JSTL' 카테고리의 다른 글
[Tile&JSP] Template 및 Tile에 Custom한 페이지 적용 (0) | 2024.05.16 |
---|---|
[JSTL] ajax 사용시 변수 업데이트 (0) | 2024.04.29 |
[jQuery] 문자 변환 (0) | 2024.03.18 |
[JSTL] include된 jsp컨트롤 (0) | 2024.03.18 |
[JSTL] 알림창, 경고창, 확인창 (0) | 2024.03.18 |