흥미진진한 개발

[jQuery] select option 년월일 추가하기 본문

개발/JavaScript

[jQuery] select option 년월일 추가하기

흥미진진 2021. 4. 26. 23:35

 

ex.html

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script type="text/javascript" src="ex.js"></script>
</head>
<body>
	<select id="year">
		<option>선택하세요</option>
	</select>년
	<select id="month">
		<option>선택하세요</option>
	</select>월
	<select id="day">
		<option>선택하세요</option>
	</select>일
</body>
</html>

 

ex.js

$(document).ready(
    function () {
        for (var i = 2021; i > 1920; i--) {
            $('#year').append('<option value="' + i + '">' + i + '</option>');
        }
        for (var i = 1; i < 13; i++) {
            $('#month').append('<option value="' + i + '">' + i + '</option>');
        }
        for (var i = 1; i < 32; i++) {
            $('#day').append('<option value="' + i + '">' + i + '</option>');
        }
    }
);

 

LIST

'개발 > JavaScript' 카테고리의 다른 글

[JavaScript] 모듈화(Modules) / import 및 export 방식  (1) 2025.01.03
var, let, const 차이점 한 눈에 보기  (0) 2021.04.30
'개발/JavaScript' Related Articles more