본문 바로가기

Frontend/jQuery & JSTL

[JSTL] 옵션값 선택

반응형
<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>
반응형