<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DOM和三级联动</title>
</head>
{
var year=document.getElementById("year");
year.options.add(new Option("-年-",0));
for(var i=2008;i<2019;i++)
{
year.options.add(new Option(i,i));
}
var month=document.getElementById("month");
month.options.add(new Option("-月-",0));
for(var i=1;i<13;i++)
{
month.options.add(new Option(i,i));
}
var day=document.getElementById("day");
day.options.add(new Option("-日-",0));
for(var i=1;i<32;i++)
{
day.options.add(new Option(i,i));
}
}
function setDay()
{
year=document.getElementById("year").value;
month=document.getElementById("month").value;
var data=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
var days=data[month-1];
if((year%4==0&&year%100!=0)||(year%400==0))
{
if(month==2)
{
days++;
}
}
for(var i=1;i<=days;i++)
{
day.options.add(new Option(i,i));
}
}
</script>
<body οnlοad="init()">
<select id="year" οnchange="setDay()">
</select>年
<select id="month" οnchange="setDay()">
</select>月
<select id="day" οnchange="setDay()">
</select>日
</body>
<html>
<head>
<meta charset="UTF-8">
<title>DOM和三级联动</title>
</head>
<script type="text/javascript">
function init(){
var year=document.getElementById("year");
year.options.add(new Option("-年-",0));
for(var i=2008;i<2019;i++)
{
year.options.add(new Option(i,i));
}
var month=document.getElementById("month");
month.options.add(new Option("-月-",0));
for(var i=1;i<13;i++)
{
month.options.add(new Option(i,i));
}
var day=document.getElementById("day");
day.options.add(new Option("-日-",0));
for(var i=1;i<32;i++)
{
day.options.add(new Option(i,i));
}
}
function setDay()
{
year=document.getElementById("year").value;
month=document.getElementById("month").value;
var data=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
var days=data[month-1];
if((year%4==0&&year%100!=0)||(year%400==0))
{
if(month==2)
{
days++;
}
}
for(var i=1;i<=days;i++)
{
day.options.add(new Option(i,i));
}
}
</script>
<body οnlοad="init()">
<select id="year" οnchange="setDay()">
</select>年
<select id="month" οnchange="setDay()">
</select>月
<select id="day" οnchange="setDay()">
</select>日
</body>
</html>