<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//这个方法是点击年份下拉框后显示1900至今的所有年份
function GetYear() {
var yearNode = document.getElementById("year");
//要调用Date的方法，就必须创建其对象，不能直接用类名调用
var date = new Date();
//这里获取的是从1900年到现在的经过的年数
var year = date.getFullYear();
//alert(time);//测试代码
//要对之前的数据进行删除，否则会累加，不能对i进行变化，否则会无法全部删除
//在删除之前要先获取yearNode的子节点个数
var children = yearNode.childNodes;
//这里之前出错了，因为忘记加上.length了
for (var i = 2; i < children.length;) {
//alert(children.length);
yearNode.removeChild(children[i]);
}
//yearNode.length = 1;
//这里是将各个年份作为option添加进代表年份的select下拉框中
for (var i = 1900; i <= year; i ++) {
var option = document.createElement("option");
option.innerHTML = i;
//option.value = i;
yearNode.appendChild(option);
}
}
//这个方法是年份下拉框的内容发生变化时会运行的内容
function ChooseTime() {
/*var yearNode = document.getElementById("year");
//要调用Date的方法，就必须创建其对象，不能直接用类名调用
var date = new Date();
//这里获取的是从1900年到现在的经过的年数
var year = date.getFullYear();
//alert(time);//测试代码
yearNode.length = 1;
//这里是将各个年份作为option添加进代表年份的select下拉框中
for (var i = 1900; i <= year; i ++) {
var option = document.createElement("option");
option.innerHTML = i;
yearNode.appendChild(option);
}*/
//月份
var monthNode = document.getElementById("month");
monthNode.length = 1;
for (var i = 1; i <= 12; i ++) {
var option = document.createElement("option");
option.innerHTML = i;
option.value = i;
monthNode.appendChild(option);
}
//日期
var dateNode = document.getElementById("date");
dateNode.length = 1;
if(monthNode.value == 1|| monthNode.value == 3|| monthNode.value == 5|| monthNode.value == 7|| monthNode.value == 8|| monthNode.value == 10|| monthNode.value == 12) {
for (var i = 1; i <= 31; i ++) {
var option = document.createElement("option");
option.innerHTML = i;
dateNode.appendChild(option);
}
} else if (monthNode.value == 4|| monthNode.value == 6|| monthNode.value == 9|| monthNode.value == 11) {
for (var i = 1; i <= 30; i ++) {
var option = document.createElement("option");
option.innerHTML = i;
dateNode.appendChild(option);
}
} else if(monthNode.value == 2&& yearNode.value%4 == 0) {
for (var i = 1; i <= 29; i ++) {
var option = document.createElement("option");
option.innerHTML = i;
dateNode.appendChild(option);
}
} else if(monthNode.value == 2&& yearNode.value%4 != 0) {
for (var i = 1; i <= 28; i ++) {
var option = document.createElement("option");
option.innerHTML = i;
dateNode.appendChild(option);
}
}
}
</script>
</head>
<body>
<select id="year" onclick="GetYear()" onchange="ChooseTime()">
<option>请选择</option>
</select>年
<select id="month" onchange="ChooseTime()">
<option>请选择</option>
</select>月
<select id="date">
<option>请选择</option>
</select>日
</body>
</html>
情况就是这么个情况，option倒是添加进去了，而且onchange也触发了，但是年份那个框显示的内容就是不变化，不知道问题出在哪了，小白求各位大神解救。
