JS做的年月日为啥联动不了，帮忙看下

代码如下，主要是这么实现的，日期不是通过闰年判断，而是判断该年该月的最后一天，然后从1到最后一天，实现联动，点击年或者月，日期就跟着联动，现在是联动不了，帮忙看下哪里问题，谢谢var ystWin = null;
function initYstWin(mm) {
    if (ystWin == null) {
        var inner = "<div id='chart1div'></div>"
            +"<select id='year' onClick='datechange();'>"
            +"<option ></option>"+"</select>年"
            +"<select id='yue' onClick='datechange();'>"
            +"<option ></option>"+"</select>月"
            +"<select id='ri'>"
            +"<option value='all'>--</option>"+"</select>日"
             ;
            }
    intyear();
    
}
//初始化年月日
function intyear(){
    //先给年下拉框赋内容
    var y = new Date().getFullYear();
    var str="";
    str += "<option value='" + y + "'>" + y + "</option>"
    for (var i = (y-5); i < (y+5); i++) //以今年为准，前5年，后5年
      {
    str += "<option value='" + i + "'> " + i + "</option>\r\n";
    }
    $("#year").html(str);
    
    //赋月份的下拉框
    var m = new Date().getMonth() + 1;
    var str="";
    m=m>9?(m+""):("0"+m);
    str += "<option value='" + m + "'>" + m + "</option>"
    for (var i = 1; i < 13; i++) 
    {
        i=i>9?(i+""):("0"+i);
        str += "<option value='" + i + "'> " + i + "</option>\r\n";
    }
    $("#yue").html(str);
    
    //赋日期的下拉框
    var day = new Date(y, m, 0);
    var ri = day.getDate();// 获取当月最后一天日期
    var str="";
    str = "<option value='all'>--</option>"
    for (var i = 1; i < (ri+1); i++) 
    {
        i=i>9?(i+""):("0"+i);
        str += "<option value='" + i + "'> " + i + "</option>\r\n";
    }
    $("#ri").html(str);    datechange();
}function datechange() //年月发生变化时日期发生变化,联动
{
       //赋日期的下拉框
    var y=$("#year").val();
    var m=$("#yue").val();
    var day = new Date(y, m, 0);//获取当前年和月的下拉框的值，
    var ri = day.getDate();// 获取该年月最后一天日期
    var str="";
    //var r=new Date().getDate();
    str = "<option value='all'>--</option>"
    for (var i = 1; i < (ri+1); i++) 
    {
        i=i>9?(i+""):("0"+i);
        str += "<option value='" + i + "'> " + i + "</option>\r\n";
    }
    $("#ri").html(str);
}

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function initYear(){
    var se=document.getElementById("year");
    se.onchange=changeDay;
    for(var i=1985;i<=2012;i++){
    var option=new Option(i,i);
    se[se.length]=option;
    }
    }
    function initMonth(){
    var se=document.getElementById("month");
    se.onchange=changeDay;
    for(var i=1;i<=12;i++){
    var option=new Option(i,i);
    se[se.length]=option;
    }
    }
    function changeDay(){
    var year=document.getElementById("year").value;
    var month=document.getElementById("month").value;
    var day1=[31,28,31,30,31,30,31,31,30,31,30,31];
    var day2=[31,29,31,30,31,30,31,31,30,31,30,31];
    var num=0;
    if(year%4==0){//闰年自己判断一下吧
    num=day2[month-1];
    }else{
    num=day1[month-1]
    }
    var se=document.getElementById("day");
    for(var i=1;i<=num;i++){
    var option=new Option(i,i);
    se[se.length]=option;
    }
    }
    window.onload=function(){
    initYear();
    initMonth();
    }
    </script>
    </head><body>
    <select id="year"></select>
    <select id="month"></select>
    <select id="day"></select>
    </body>
    </html>
    这样试试
      

  2.   

    能不能在我的上面改下，我不用JSP的  纯JS
      

  3.   

    大致意思是在年和月的select上加一个onchange事件 引发日的select先删除掉所有的option，上边那个忘删了。然后重新增加option