选择器

 

 

 

 

 1 <html xmlns="http://www.w3.org/1999/xhtml">
 2 <head>
 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 4 <title>无标题文档</title>
 5 <select id="nian" onclick="biantian()"></select>年
 6 <select id="yue" onclick="biantian()"></select>月
 7 <select id="tian"></select>日
 8  
 9 <script type="text/javascript">
10 FillNian();
11 FillYue();
12 FillTian();
13 function FillNian()
14 {
15     var b = new Date();
16     var nian = parseInt(b.getFullYear());
17      
18     var str = "";
19      
20     for(var i=nian-5;i<nian+6;i++)
21     {
22         str = str+"<option value='"+i+"'>"+i+"</option>";
23     }
24      
25     document.getElementById("nian").innerHTML = str;
26      
27 }
28  
29 //月数
30 function FillYue()
31 {
32     var str = "";
33     for(var i=1;i<13;i++)
34     {
35         str = str+"<option value='"+i+"'>"+i+"</option>";
36     }
37     document.getElementById("yue").innerHTML = str;
38 }
39  
40 //每月天数的变化
41 function FillTian()
42 {
43     var yue = document.getElementById("yue").value;
44     var nian = document.getElementById("nian").value;
45     var ts = 31;
46      
47     //30号的月数
48     if(yue==4 || yue==6 || yue==9 || yue==11)
49     {
50         ts=30;
51     }
52      
53     //2月不同年的天
54     if(yue==2)
55     {
56         if((nian%4==0 && nian%100 != 0) || nian%400==0)
57         {
58             ts = 29;
59         }
60         else
61         {
62             ts = 28;
63         }
64     }
65      
66     var str = "";
67     for(var i=1;i<ts+1;i++)
68     {
69         str = str+"<option value='"+i+"'>"+i+"</option>";
70     }
71     document.getElementById("tian").innerHTML = str;
72 }
73  
74  
75 function biantian()
76 {
77     FillTian();
78 }
79 </script>
80 
81 </body>
82 </html>

 

posted @ 2016-12-14 15:40  黄力军  阅读(163)  评论(0)    收藏  举报