본문 바로가기

코딩도 합니다/JS

[자바스크립트 js / 실무 기록] 셀렉트 박스 현재 년도 자동 선택 / 셀렉트 박스 년도 옵션



  html

<select id="yearSel" class="main-content-label tx-26 m-0 mr-4" style="background: none; border: none; outline: none; width: 120px;"></select>

 

 

 

 

 

  js

let dt = new Date();
let com_year = dt.getFullYear();

// 현재 년도 자동 선택
$("#yearSel").append("<option value='" + com_year + "' selected>" + com_year + "년</option>");
 // 올해 기준으로 -5년부터 +5년을 보여준다.
for (var y = (com_year - 5); y <= (com_year + 5); y++) {
	$("#yearSel").append("<option value='" + y + "'>" + y + "년</option>");
}
728x90