zoukankan      html  css  js  c++  java
  • 选择器

     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>
  • 相关阅读:
    从jdbc到分层的飞跃
    第二章 变量和数据类型
    s1300新学期伊始的我们
    选择结构总结
    第四章 选择结构(二) Switch结构
    第三章 选择结构(一)
    第二章 变量、数据类型和运算符
    使用Java理解程序逻辑 第1章 初识Java 基本部分
    ES命令基础
    Spring MVC拦截器
  • 原文地址:https://www.cnblogs.com/aqxss/p/6179568.html
Copyright © 2011-2022 走看看