[第六季]11.HTML DOM对象及一个三级联动的例子

本文链接：https://blog.csdn.net/zeephom/article/details/77094077

4.复习笔记(这个就是课后习题以及课程所呈现的需求)

①首先新建3个组合框,再用脚本写出初始化函数init(),最后根据年和月的值写给日赋值setDay()

5.自测代码

2.课堂笔记

(1)首先新建3个组合框
<body onload="init()">
    <select id="year" onchange="setDay()">
    </select> 年
    <select id="month" onchange="setDay()">
    </select> 月
    <select id="day">
    </select> 日
</body>
(2)再用脚本写出初始化函数init()
        function init()
        {
            var year=document.getElementById("year");
            //year.options.add(new option(2013,2013));//text,value
            year.options.add(new Option("-年-",0));
            for(var i=2004;i<=2014;i++)
            {
                year.options.add(new Option(i,i));
                //这里的Option要大写,不然是显示不出来的.烦人哎.
            }
            var month=document.getElementById("month");
            //year.options.add(new option(2013,2013));//text,value
            month.options.add(new Option("-月-",0));
            for(var i=1;i<=12;i++)
            {
                month.options.add(new Option(i,i));
                //这里的Option要大写,不然是显示不出来的.烦人哎.
            }
        }
(3)最后根据年和月的值写给日复制
function setDay()
        {
            year=document.getElementById("year").value;
            month=document.getElementById("month").value;
            var data=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
            var days=data[month-1];
            if(((year%4==0&&year%100!=0)||(year%400==0)))
            {
                if(month==2)
                {
                    days++;
                }
            }

            var day=document.getElementById("day");
            //year.options.add(new option(2013,2013));//text,value
            day.options.add(new Option("-日-",0));
            for(var i=1;i<=days;i++)
            {
                day.options.add(new Option(i,i));
                //这里的Option要大写,不然是显示不出来的.烦人哎.
            }
            //for(var i=1;i<=days;i++)
            //{

            //}
        }
    </script>