본문 바로가기
웹 개발

[자바스크립트] 현재 년도를 select option으로 선택하기

by evekang 2020. 7. 27.

 

 

자바스크립트로 현재 년도(getFullYear())를 가져와서 select option에 넣는 법.

 

 

 

<script>
    $(document).ready(function(){							// js파일을 실행하자마자 아래의 setDate() function을 시작해라.
        setDate();
    });
    
    function setDate(){
        var date = new Date();								// 현재 시간을 var date에 넣자
        var currentYear = date.getFullYear();						// 현재 시간에서 년도만 뽑아서 var currentYear에 넣자.
        $('#husa_year').append("<select id='husa_year1'>");			// husa_year라는 id의 value에 append()내용을 붙여라.
        for(var y=(currentYear-1); y <= (currentYear+5); y++){			// 전년도부터 시작해서 5년 후 년도까지 반복해서 뿌려라.
            $('#husa_year1').append("<option value='"+y+"'>"+y+" "+"</option>"); 
        }
        $('#husa_year1').append('</select>');
    }
</script>

 

 

반응형

댓글