<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<div>
<select id="year" onchange="setdays()"></select><label>年</label>
<select id="month" onchange="setdays()"></select><label>月</label>
<select id="day"></select><label>日</label>
<select id="time"></select><label>时间段</label>
</div>
<script type="text/javascript">
  $(function(){
    var i=-1;
    for( var i=2000; i<=new Date().getFullYear(); i++)
    {
      addoption(year,i,i-1999)
    }
    $("#year").val(2010-2000+1);
    for( var i=1; i<=12;i++)
    {
      addoption(month,i,i)
    }
    for(var i=1;i<=31;i++)
    {
      addoption(day,i,i);
    }
  });
  function setdays()
  {
    var monthdays=[31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
    var yea=parseInt($('#year').find("option:selected").text());
    var mon=parseInt($('#month').find("option:selected").text());
    if(isLeapYear(yea))monthdays[1]=29;
    var num=monthdays[mon-1];
    $('#day').html('');
    for(var i=1;i<=num;i++)
    {
      addoption($('#day')[0],i,i)
    }
  }
function addoption( selectbox,text,value)
{
var option=document.createElement("option");
option.value=value;
option.text=text;
selectbox.options.add(option);
}
function isLeapYear(year)
    {
        return (year % 4 == 0 || (year % 100 == 0 && year % 400 == 0));
    }
</script>