zoukankan      html  css  js  c++  java
  • 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>

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

  • 相关阅读:
    UOS、鸿蒙、麒麟全面出击,国产系统能否干掉Windows?
    黑客给疫情添乱
    人工智能与信息安全
    作为一个程序员,告诉你一些编码知识
    Linus Torvalds 宣布新版Linux系统内核发布
    linux系统root密码忘记了怎么办
    DevOps与NoOps现状分析
    Nginx服务详细介绍
    博客园“可运行"代码
    让setTimeout支持链式
  • 原文地址:https://www.cnblogs.com/lichone2010/p/3174991.html
Copyright © 2011-2022 走看看