天天看點

下拉菜單三級互聯小例

    不能不說這Web時代一切都風雲變幻。富用戶端再一次奇襲人們的眼球,看到很多網站使用了Flex技術,更多的WebGUI和Web前端互動的人性化,智能化帶給我們的網上沖浪另一番滋味,哦,沖浪這個詞都可以進網際網路詞彙的祠堂了,太久了。

      翻箱倒櫃突然發現磁盤的某個磁道和盤面的夾縫中有一個曾曾經經寫的下拉菜單三級互聯的小例子,好像有回到了從前。在網上看到新奇的功能有不知道怎麼實作的,就隻能臆斷和DIY,最後能夠成個像模像樣能開心半天。

    貼出來尿布娛樂下。

<html> 

    <head> 

        <title>三級互聯,javaScripty實作</title> 

    </head> 

    <script language="javaScript"> 

        var year;  

        var month;  

        var day;  

    //初始化顯示資訊  

        function intial(){  

            year=document.getElementById("year");  

            month=document.getElementById("month");  

            day=document.getElementById("day");  

            intitalField(year, 2000, 2015);  

            intitalField(month, 1,  12);  

            intitalField(day, 1, 31);  

        }  

    //下拉菜單資訊添加  

        function intitalField(object, startNum, endNum){  

            for(var i=startNum; i<=endNum; i++){  

                object.options.add(new Option(i, i));  

            }  

    //閏年判斷  

        function isLeap(){  

            var yearyearValue=year.options(year.selectedIndex).value;  

            return (yearValue%4==0&&yearValue%100!=0)||yearValue%400==0;  

    //下拉菜單顯示處理  

        function jugeDays(totalDays,len, day){  

            var i;  

            var j;  

            if(len<totalDays){  

                for(i=len+1; i<=totalDays; i++){  

                    day.add(new Option(i, i));  

                }  

            }else if(len>totalDays){  

                for(j=len; j>totalDays; j--){  

                    day.remove(j-1);  

    //通過月份來擷取該月的天數  

        function days(){  

            var monthmonthValue=month.options(month.selectedIndex).value;  

            var len=day.length;  

            var tag=isLeap();  

            if(monthValue==4||monthValue==6||monthValue==9||monthValue==11){  

                jugeDays(30, len, day);  

            }else if(monthValue==2){  

                if(tag){  

                    jugeDays(29, len, day);   

                }else{  

                    jugeDays(28, len, day);  

            }else{  

                jugeDays(31, len, day);  

    </script> 

    <body onload="intial()" /> 

        <select name="year" id="year" > 

        </select> 

        <select name="month" id="month" onchange="days()"> 

        <select name="day" id="day" > 

    </body> 

</html> 

       現在看到都于心不忍啊。看到這些那才叫時光荏苒啊,天天學習,好好向上,不然對不起那些年的憨厚十足的勁。。

      存在了,拿來主義的用;不存在的,想想如何個弄出來;不造重複的輪子,當然學習的時候還是試試造幾個山寨版輪在,要不然都沒有上面這些代碼了。

本文轉自 secondriver 51CTO部落格,原文連結:http://blog.51cto.com/aiilive/1062576,如需轉載請自行聯系原作者

繼續閱讀