• Javascript+html:select年月日(出生日期)的写法


    一共两个文件:
    1.   birthdays.js

    /*加载年份*/
    function years(obj, Cyear) {
        var len = 114; // select长度,即option数量
        var selObj = document.getElementById(obj);
        var selIndex = len - 1;
        var newOpt; // OPTION对象
    
        // 循环添加OPION元素到年份select对象中
        for (i = 1; i <= len; i++) {
            if (selObj.options.length != len) { // 如果目标对象下拉框升度不等于设定的长度则执行以下代码
                newOpt = window.document.createElement("OPTION"); // 新建一个OPTION对象
                newOpt.text = Cyear - len + i; // 设置OPTION对象的内容
                newOpt.value = Cyear - len + i; // 设置OPTION对象的值
                selObj.options.add(newOpt, i); // 添加到目标对象中
            }
    
        }
    }
    
    function months(){
        var month = document.getElementById("month");
        month.length = 0; 
        for (i = 1; i < 13; i++) { 
            month.options.add(new Option(i, i)); 
        }
       
    }
    
    
    function change_date(){ 
       // var birthday = document.birthday; 
        var year  = document.getElementById("year"); 
        var month = document.getElementById("month"); 
        var date = document.getElementById("date"); 
        vYear  = parseInt(year.value); 
        vMonth = parseInt(month.value); 
        date.length=0; 
         
        //根据年月获取天数 
        var max = (new Date(vYear,vMonth, 0)).getDate(); 
        for (var i=1; i <= max; i++) { 
            date.options.add(new Option(i, i)); 
        } 
    }



    register.html

    <script type="text/javascript" src=".. / js/ birthdays.js"></script>
    <tr>
        <td>&nbsp;&nbsp;出生年份:</td><td>
          <select size="1" name="year" id="year" style="55px" onfocus="years('year',new Date().getFullYear()),change_date()" 
           onchange
    ="change_date()"></select>&nbsp;     <select size="1" name="month" id="month" style="40px" onfocus="months(),change_date()" onchange="change_date()"></select>&nbsp;      <select size="1" name="date" id="date" style="40px" ></select> </td><
    /
    tr>

    就这样吧,很简单,复制,粘贴,保存对文件名就能用了。唯一需要我提醒的一点就是   蓝色下划线处的地址,要根据实际情况写。

  • 相关阅读:
    【字符串】C语言_字符串常量详解
    2138=数据结构实验之图论三:判断可达性
    3363=数据结构实验之图论七:驴友计划
    1916=字符串扩展(JAVA)
    2140=数据结构实验之图论十:判断给定图是否存在合法拓扑序列
    3364=数据结构实验之图论八:欧拉回路
    2138=数据结构实验之图论三:判断可达性
    2271=Eddy的难题(JAVA)
    2246=时间日期格式转换(JAVA)
    2804=数据结构实验之二叉树八:(中序后序)求二叉树的深度
  • 原文地址:https://www.cnblogs.com/lichone2010/p/3174991.html
Copyright © 2020-2023  润新知