请做一个年,月,日的联动菜单(选择年才可以选择月,选择月才可以选择日,并且2月的天数要正确)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src="jquery-3.2.1.js"></script>
<title>Document</title>
</head>
<body>
<form>
<select id="year">
<option value="">年</option>
</select>
<select id="month">
<option value="">月</option>
</select>
<select id="day">
<option value="">日</option>
</select>
</form>
</body>
<script type="text/javascript">
function getYear(){
var html = "<option value=''>年</option>";
for(var i = 2000;i<2030;i++){
html += "<option value='";
html += i;
html += "'>";
html += i;
html += "</option>";
}
$("#year").html(html);
}
getYear();
function getMonth(){
$("#year").change(function(){
$("#day").html("<option value=''>日</option>");
var html = "<option value=''>月</option>";
for(var i = 1;i<13;i++){
html += "<option value='";
html += i;
html += "'>";
html += i;
html += "</option>";
}
$("#month").html(html);
});
}
getMonth();
function getDay(){
$("#month").change(function(){
var html = "<option value=''>日</option>";
var year = $("#year").val().trim();
var month = $("#month").val().trim();
var a = 0;
if(parseInt(year)%100 == 0){
if(year%400 == 0){
a = 29;
}else{
a = 28;
}
}else{
if(parseInt(year)%4 == 0){
a = 29;
}else{
a = 28;
}
}
if(month == "1" || month == "3" || month == "5" || month == "7" || month == "8" || month == "10" || month == "12"){
for(var i = 1;i<=31;i++){
html += "<option value='";
html += i;
html += "'>";
html += i;
html += "</option>";
}
$("#day").html(html);
}else if(month == "4" || month == "6" || month == "9" || month == "11" ){
for(var i = 1;i<=30;i++){
html += "<option value='";
html += i;
html += "'>";
html += i;
html += "</option>";
}
$("#day").html(html);
}else{
for(var i = 1;i<=a;i++){
html += "<option value='";
html += i;
html += "'>";
html += i;
html += "</option>";
}
$("#day").html(html);
}
});
}
getDay();
</script>
</html>