캘린더

WebApp07- SendAndReceive07.jsp (캘린더)

• onchange()
셀렉트박스의 값이 변경될때 자주 사용된다. 셀렉트박스의 값이 변경될때 onchange() 이벤트에서 사용자가 지정한 함수를 호출하여 각각의 동작(스크립트)을 실행 시킨다.


	<form action= "" method="post">
		<select id="year" name="year" onchange="formCalendar(this.form)">
					<!-- 
					<option value="2021">2021</option>
					<option value="2022">2022</option>
					 -->
					 <%=yOptions %>
		</select>
          
          
          
          
          	
	// 확인한 날짜로 년도 select option 구성
	<option value="2022">2022</option>
	<option value="2021" selected="selected">2021</option> 	check~!!!
	
	
	String yOptions = "";
	for (int year=(selectY-10) ; year<=(selectY+10) ; year++)
	{
		// 상황1. 페이지 최초 요청일 때 → yearStr 이 null 이면서 현재 년도와 옵션값이 같을 때
		if (yearStr==null && year==nowYear)
		{
			yOptions += "<option value='" + year + "' selected='selected'>" + year + "</option>";
		}
		// 상황2. 페이지 최초 요청이 아닐 때 
		else if (yearStr!=null && year==Integer.parseInt(yearStr))
		{		// year가 그려지면서 선택된 year랑 같아졌을 때 selected 한다.
			yOptions += "<option value='" + year + "' selected='selected'>" + year + "</option>";
		}
		else
		{
			yOptions += "<option value='" + year + "'>" + year + "</option>";
		}
	}