`
3213213333332132
  • 浏览: 79930 次
社区版块
存档分类
最新评论

js年份下拉框

阅读更多
  <div id="divValue">test...</div>测试

 //年份 
    <select id="year"></select>
   <script type="text/javascript">
     window.onload = function() {       
        var year = document.getElementById("year");
        var divValue = document.getElementById("divValue");

	    var date = new Date();
	    for(var i=1992;i<=date.getFullYear();i++) {
	       year.options.add(new Option(i, i));	       	
	    }
	    year.onchange = function() {
		    alert(divValue.innerHTML)//以后用到innerHTML 注意火狐不兼容innerText
		    alert(year.value)
	    }
     }
   </script>
分享到:
评论

相关推荐

    动态创建年份下拉框

    动态创建年份下拉框(以当前年份为中点前后各延伸10年)

    【JavaScript源代码】原生jQuery实现只显示年份下拉框.docx

    // 如果你想让起始年份下拉框和结束年份下拉框都显示从1949至今的年份,那么写同样的循环即可: let end = Number($("#start").find("option:selected").val()); let start = document.getElementById("end"); ...

    JS下拉框多级联动--出生日期和世界各国

    i++) { // 从当前年份减去80年开始填充年份下拉框 fo.year.options.add(new Option(i, i)); } fo.year.options.value = y; // 设置当前年份为默认选中项 // 类似地,填充月份和日期下拉框 } ``` #### 三、世界...

    年月日三下拉框联动

    首先,我们需要监听年份下拉框的“change”事件,当用户选择新的年份时,根据该年份更新月份下拉框的选项。例如,如果是闰年,2月份会有29天。接着,根据选定的月份,更新日份下拉框的选项,确保不会出现无效的日期...

    年月日联动下拉_日期_下拉框_

    例如,创建年份下拉框可能如下所示: ```html &lt;option value="2020"&gt;2020 ... ``` 接着,我们需要使用JavaScript或者jQuery来实现联动效果。JavaScript是一种客户端脚本语言,它允许我们对网页进行动态操作。...

    jQuery基于vue.js下拉框菜单选择和日期时间选择代码

    在IT领域,前端开发是构建用户界面的关键部分,而jQuery和Vue.js是两种非常流行的JavaScript库和框架。本文将深入探讨如何在Vue.js环境中利用jQuery实现下拉框菜单选择和日期时间选择的功能,并讨论相关代码实现及...

    年月日下拉框

    然后,JavaScript可以填充这些下拉框。例如,使用jQuery库,可以如下所示动态填充年份: ```javascript var currentYear = new Date().getFullYear(); for (var i = currentYear - 10; i ; i++) { $('#year')....

    漂亮的js下拉框日历控件

    总结起来,这个“漂亮的js下拉框日历控件”是一个实用的前端组件,它利用JavaScript和CSS实现了一种既美观又易用的日期选择方式,适用于多种Web开发环境。无论是.NET还是JSP开发者,都可以轻松集成并自定义,以满足...

    JS年月日三级联动下拉框日期选择代码

    我们需要生成从某个起始年到结束年之间的所有年份,并将其添加到年份下拉框中。 ```javascript const startYear = 2000; const endYear = new Date().getFullYear(); for (let year = startYear; year ; year++...

    js实现起始年份下拉列表

    在JavaScript编程中,创建一个动态的起始年份下拉列表功能是一项常见的需求,尤其在构建日期选择器或者填写表单时。这个实例的核心在于利用JavaScript的事件监听、DOM操作和数组方法来实现动态更新结束年份的下拉...

    html年月日三下拉框联动

    2. **JavaScript事件处理**:通过`onchange`事件,我们可以检测到下拉框中选项的改变,并执行相应的JavaScript函数来更新其他下拉框的内容。 3. **JavaScript日期对象**:JavaScript中的`Date`对象提供了操作日期和...

    年月日联动选择,Js下拉框的选择

    同样,选择月份后,日期的下拉框会根据所选的年份和月份填充合适的日期范围。 要实现这样的功能,我们可以按照以下步骤进行: 1. **创建HTML结构**:在HTML文件(如11.html)中,我们需要创建三个下拉框,分别用于...

    JS实现的年月日三级联动下拉框日期选择效果源码.zip

    在这个场景中,“三级联动”意味着当用户在年份下拉框中做出选择后,月份下拉框会自动更新为对应年份的月份;同样,选定月份后,日期下拉框会展示该月的天数。这种联动效果提高了数据输入的准确性和效率。 接下来,...

    JS年月日三级联动下拉框

    当用户在年份下拉框中做出选择时,我们需要触发一个事件,更新月份下拉框的选项。同样,月份选择后,更新日期下拉框。这涉及到DOM元素的事件绑定,如`addEventListener`方法,以及DOM操作,如动态创建和删除`...

    JQuery年月日三级下拉框联动

    在这个函数内部,我们首先为年份下拉框绑定`change`事件,当用户选择新的年份时,这个事件会被触发。 事件处理函数中,我们首先通过`val()`方法获取用户选择的年份,然后根据这个年份计算出相应的月份天数。对于...

    下拉框选择年月日代码

    本文将详细介绍一个用于实现年、月、日三联动下拉框的HTML与JavaScript代码。该代码通过动态生成年份、月份及日期的下拉选项,并根据所选年份和月份自动调整日期范围(考虑平年与闰年的差异),从而帮助用户更便捷地...

    JQuery+年月日三级下拉框联动

    在"JQuery+年月日三级下拉框联动"中,JQuery主要负责监听用户在一级下拉框(年份)的选择,并根据选择更新二级(月份)和三级(日期)下拉框的内容。 对于年份部分,开发者需要创建一个包含若干年份的数组,并将其...

    日历下拉框和添加下拉框

    本教程将详细讲解如何在JSP页面上实现一个日历下拉框,并通过JavaScript进行动态交互。 首先,我们需要理解JSP(JavaServer Pages)和JavaScript的基本概念。JSP是Java的一种服务器端技术,它允许开发者在HTML中...

    JS年月日三级联动下拉框日期选择代码.zip

    在JavaScript(JS)编程中,实现年月日三级联动下拉框日期选择是一种常见的需求,尤其是在网页表单或交互式用户界面中。这种设计允许用户通过三个下拉菜单分别选择年、月和日,形成一个完整的日期。在这个"JS年月日...

Global site tag (gtag.js) - Google Analytics