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

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

    原生jQuery实现只显示年份下拉框  本文实例为大家分享了jQuery实现只显示年份下拉框的具体代码,供大家参考,具体内容如下 代码: &lt;!DOCTYPE html&gt;  &lt;html lang="en"&gt;  &lt;head&gt;   &lt;meta charset="UTF-8"&gt; ,...

    js实现起始年份下拉列表

    本实例实现起始年份下拉列表功能: 1、当你没有选择开始年份时,结束年份的下拉框不会出数据; 2、当选择了开始年份时,结束年份下拉列表展示出来的数据小于等于开始年份;3、数据是动态的;

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

    jQuery基于vue.js下拉框菜单选择和日期时间选择代码,日期时间选择有多种效果,并获取值显示在下方文本框内。

    javascript 下拉框显示当前日期

    下拉框显示当前日期的代码,前提是年份里面要包含当前年份的代码,否则不能运行。

    Web Calendar ver 3.0 网页日历

    版本描述 Web Calendar ver 3.0 是综合 JavaScript DHTML HTML CSS 的...对年份下拉框的年跨度值的设置 6.增加了用方向键快捷键选择年月 7.增加了日历对网页空间的自适应显示 8.对日历日期显示机制的全新设计

    Web_Calendar_30 日历控件

    Web Calendar ver 3.0 是综合 JavaScript DHTML ...对年份下拉框的年跨度值的设置 6.增加了用方向键快捷键选择年月 7.增加了日历对网页空间的自适应显示 8.对日历日期显示机制的全新设计 非常适合WEB项目使用。

    jQuery实现动态生成年月日级联下拉列表示例

    本文实例讲述了jQuery实现动态生成年月日级联下拉列表。分享给大家供大家参考,具体如下: ...JS代码: $(function(){ var i=1945; var date=new Date(); var year=date.getFullYear();//获取当前年份 var

    纯JS实现出生日期[年月日]下拉菜单效果

    可能需要给用户提供注册帐号页面,用户注册 设计很多信息,其中就有 关于出生日期的,出于用户体验,不想让用户手动输入,而HTML5的date,目前很多浏览器支持的并不是很好,所以就可以用JS实现年、月、日3个下拉框的...

    javaScript

    个人学习javascript的总结 下拉框触发事件 获得当前年份 js 从json中拿值

    JS日期选择器,用于web页面中选择日期

    1.对日历控件的对象式编程 2.对不同浏览器的兼容 ...对年份下拉框的年跨度值的设置 6.增加了用方向键快捷键选择年月 7.增加了日历对网页空间的自适应显示 8.对日历日期显示机制的全新设计

    javascript实现日期三级联动下拉框选择菜单

    由于工作中涉及到生日编辑资料编辑,年月日用上面网址案例:bug提示: 编辑生日栏的【年】或者【月】,之前保存的具体的【日】就不显示啦,产品说不管编辑哪个数据,...JS年月日三级联动下拉框日期选择代码&lt;/title

    daterangepicker 日期选择控件,

    daterangepicker,日期选择控件,3中选择 1.只到年月日,2.只要时分秒,3全要。 bootstrap2 和3 版本都有,看index.html 引入相应的js,css即可,再复制黏贴核心代码即可! 好用请评价哈

    史上最强JavaScript日历控件正式版(无偿的永久的提供给大家免费使用,含全部源代码)

    功能强大的JavaScript日历控件 最关键的,无偿的永久的提供给大家免费使用,含全部源代码。 功能简介: 一、更人性化,更全面的功能 大部分日期控件都具备这些功能,但是本日历控件做的更全面,更人性化,并且速度...

    程序天下:JavaScript实例自学手册

    13.21 年份加减函数 13.22 精确到千分之一秒 13.23 离开某天的时间 13.24 判断两个字符串日期的大小 13.25 显示登录时间 13.26 中文日期样式(一) 13.27 中文日期样式(二) 13.28 状态栏动态显示时间 13.29 页面访问...

    《程序天下:JavaScript实例自学手册》光盘源码

    13.21 年份加减函数 13.22 精确到千分之一秒 13.23 离开某天的时间 13.24 判断两个字符串日期的大小 13.25 显示登录时间 13.26 中文日期样式(一) 13.27 中文日期样式(二) 13.28 状态栏动态显示时间 13.29 页面访问...

    常用js大全,javascript校验大全

    1.61 用下拉框显示月、日,日下拉框根据年月确定 73 1.62 检验租赁合同号为 4 位年份+2 位月份+本月合同的顺序号 2 位 75 1.63 用于多行校验,校验每一行,每一列值是否为空,传入的必须是 . 76 1.64 检查某列得多值...

    js脚本大全 js验证大全 压缩包

    1.61 用下拉框显示月、日,日下拉框根据年月确定 73 1.62 检验租赁合同号为 4 位年份+2 位月份+本月合同的顺序号 2 位 75 1.63 用于多行校验,校验每一行,每一列值是否为空,传入的必须是 . 76 1.64 检查某列得多值...

    dashboard:修改了EGI的plotly.js仪表板

    通过可搜索的下拉框(x,y,分组依据)操纵图输入变量,包括按列和年份(包括范围)进行过滤 按最大值,最小值,中位数,最大值和最后(最近的数据输入)汇总数据 上载,存储和删除数据集(包括混合数据类型列的...

    教大家制作简单的php日历

    2、初始化两个下拉框中的数据,年份与月份 3、初始化要搜索的年份和月份 4、计算得出日历中每一天的数据信息,包括css、天数 &lt;?php require_once 'calendar.php'; $util = new Calendar(); $years = array...

Global site tag (gtag.js) - Google Analytics