以下代码根据表单中选定的月份验证月份的天数。月份值从1月到12月,从1日到31日和从1900年到2010年。我试图做一个非常小的变化,我想在三个下拉框中的每一个添加第一个选项,一个空白选择选项或例如破折号。因此月份下降的第一个选项是 - 而不是1月。为此,我在每个下拉列表中添加以下行。javascript请求小帮助
<option value=""> - </option>
但是,通过添加它,它不会正确显示一月和二月的天数(它显示比它应该少一天)。这是一些JavaScript问题,但我不明白什么是错的。如果你能帮助我,我将非常感激。 下面是HTML,Javascript和PHP填充表单的完整代码。
<?php
$monthOptions = '';
$dayOptions = '';
$yearOptions = '';
for($month=1; $month<=12; $month++){
$monthName = date("M", mktime(0, 0, 0, $month));
$monthOptions .= "<option value=\"{$month}\">{$monthName}</option>\n";
} for($day=1; $day<=31; $day++){
$dayOptions .= "<option value=\"{$day}\">{$day}</option>\n";
} for($year=1900; $year<=2010; $year++){
$yearOptions .= "<option value=\"{$year}\">{$year}</option>\n";
}
?>
<html>
<head>
<script type="text/javascript">
function updateDays()
{
//Create variables needed
var monthSel = document.getElementById('month');
var daySel = document.getElementById('day');
var yearSel = document.getElementById('year');
var monthVal = monthSel.value;
var yearVal = yearSel.value;
//Determine the number of days in the month/year
var daysInMonth = 31;
if (monthVal==2){
daysInMonth = (yearVal%4==0 && (yearVal%100!=0 || yearVal%400==0)) ? 29 : 28;
} else if (monthVal==4 || monthVal==6 || monthVal==9 || monthVal==11) {
daysInMonth = 30;
}
//Add/remove options from days select list as needed
if(daySel.options.length > daysInMonth){ //Remove excess days, if needed
daySel.options.length = daysInMonth;
} while (daySel.options.length != daysInMonth){ //Add additional days, if needed
daySel.options[daySel.length] = new Option(daySel.length+1, daySel.length+1, false);
}
return;
}
</script>
</head>
<body>
Birthdate:<br />
<select name="month" id="month" onchange="updateDays();">
<?php echo $monthOptions; ?>
</select>
<select name="day" id="day">
<?php echo $dayOptions; ?>
</select>
<select name="year" id="year" onchange="updateDays();">
<?php echo $yearOptions; ?>
</select>
</body>
</html>
感谢您的任何帮助。