본문 바로가기
JAVASCRIPT

[JQUERY/JSTL] SELECT BOX 년도 생성

by madinthe90 2022. 3. 3.
반응형

 

JQueryJSTLselect box년도를 생성해보자!

 

1. JQuery

 

- HTML

JQUERY 년도   
<select id="year">
</select>

- SCRIPT

$(document).ready(function(){
	setDateSelectBox();
});    

function setDateSelectBox(){
	var now = new Date();
	var now_year = now.getFullYear();
	
	$("#year").append("<option value=''>선택</option>");
	
	// 2005년 부터 올해까지
	for(var i = now_year; i >= 2005; i--){
	$("#year").append("<option value='"+ i +"'>"+ i + " 년" +"</option>");
	}
}

- 결과

 

2. JSTL

JSTL 년도   
<select>         
<option value="">선택</option>
<jsp:useBean id="now" class="java.util.Date" />
<fmt:formatDate value="${now}" pattern="yyyy" var="startYear"/>
<c:forEach begin="0" end="${startYear - 2005}" var="year" step="1">
<option value="${startYear-year}">${startYear-year}</option>
</c:forEach>
</select>

- 결과

반응형

댓글