2011-02-11 103 views
1

以下代码根据表单中选定的月份验证月份的天数。月份值从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> 

感谢您的任何帮助。

回答

1

为什么不使用OPTGROUP代替:

<optgroup label="-"> ... </optgroup>

顺便说一句,好听的名字!

0

不要重新发明轮子,请使用内置的Date对象来检查日期。

function daysInMonth(year, month) { 
    return (new Date(year, month, 0)).getDate(); 
} 

也有在你的代码中的错误:“{”就在评论之前“删除多余的天,如果需要的话”是不必要的。