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

来源：互联网发布：中国品牌最贵的域名编辑：程序博客网时间：2024/05/19 21:00

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>

3.课程效果图

这里写图片描述

1.代码

阅读全文

0 0