반응형
JQuery와 JSTL로 select 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>
- 결과
반응형
'JAVASCRIPT' 카테고리의 다른 글
[JAVASCRIPT] 이전 페이지 URL 가져오기 (document.referrer) (0) | 2022.03.21 |
---|---|
[JAVASCRIPT] 문자열 split 후 마지막 요소 가져오기 (0) | 2022.03.21 |
[JAVASCRIPT] 첨부파일 이미지 미리보기 (input type="file") (1) | 2022.02.22 |
[JAVASCRIPT/JQUERY] eclipse 자바스크립트 자동 완성 플러그인(tern) (2) | 2022.01.18 |
[JQUERY] 레이어 팝업, 모달 닫기(외부영역클릭, ESC 버튼) (0) | 2022.01.14 |
댓글