반응형
안녕하세요. JSP에서 SELECT문으로 년월일 만드는 방법에 대해 이야기하겠습니다.
간단한 코드인데도 익숙하지가 않아서 계속 까먹더라구요 ㅜㅜ
아래는 구현 영상입니다.

잘 나오는것을 보실 수 있습니다. 코드로 보시죠!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
<select id="컬럼명" name="컬럼명" class="form-control">
<option value="">년</option>
<c:forEach var="i" begin="2020" end="2030">
<option value="${i}">${i}</option>
</c:forEach>
</select>
<select id="컬럼명" name="컬럼명" class="form-control">
<option value="">월</option>
<c:forEach var="i" begin="1" end="12">
<c:choose>
<c:when test="${i lt 10 }">
<option value="0${i}">0${i}</option>
</c:when>
<c:otherwise>
<option value="${i}">${i}</option>
</c:otherwise>
</c:choose>
</c:forEach>
</select>
<select id="컬럼명" name="컬럼명" class="form-control">
<option value="">일</option>
<c:forEach var="i" begin="1" end="31">
<c:choose>
<c:when test="${i lt 10 }">
<option value="0${i}">0${i}</option>
</c:when>
<c:otherwise>
<option value="${i}">${i}</option>
</c:otherwise>
</c:choose>
</c:forEach>
</select>
|
cs |
요약하자면
- 두개의 OPTION VALUE을 만들어서
- 첫번재는 VALUE값 없이 ‘년’을 생성하고
- 두번재에서는 FOREACH을 만들어서 VAR의 값을 I로 하고 begin과 end값을 설정합니다.
- 그리고 두번째 option value에서 i값을 넣어서 반복문이 돌아가면서 begin과 end값을 생성하게 합니다.
- 그리고 i값이 10보다 작을때는 조건문을 생성하여 0을 붙여줍니다.
- 만들 SELECT문이 년월일인만큼 3개의 SELECT문을 생성합니다.

반응형
'JAVASCRIPT & JQUERY' 카테고리의 다른 글
[Jquery] a태그 텍스트값 가져오는 방법! (0) | 2020.11.24 |
---|---|
[JSTL] fc:contains()사용방법! (0) | 2020.11.17 |
HighCharts(하이차트)를 자바 프로젝트에 적용하는 방법! (0) | 2020.10.16 |
게시판 버튼형 카테고리 구현 방법[AJAX] (0) | 2020.10.02 |
게시판 제목 공개/비공개 기능 구현 방법 (0) | 2020.10.02 |
댓글
Life-Journey님의
글이 좋았다면 응원을 보내주세요!
이 글이 도움이 됐다면, 응원 댓글을 써보세요. 블로거에게 지급되는 응원금은 새로운 창작의 큰 힘이 됩니다.
응원 댓글은 만 14세 이상 카카오계정 이용자라면 누구나 편하게 작성, 결제할 수 있습니다.
글 본문, 댓글 목록 등을 통해 응원한 팬과 응원 댓글, 응원금을 강조해 보여줍니다.
응원금은 앱에서는 인앱결제, 웹에서는 카카오페이 및 신용카드로 결제할 수 있습니다.