javaScript年份下拉列表框内容为当前年份及前后50年

 更新时间:2014年05月28日 18:00:04   作者:  
本文介绍的这个javaScript年份下拉列表框内容为当前年份及前后50年,默认显示当前年份,大家可以学习下
javascript下拉列表框,内容为当前年份及前后50年,默认选择为当前年份
复制代码 代码如下:

<script language="javascript" type="text/javascript">
window.onload=function(){
//设置年份的选择
var myDate= new Date();
var startYear=myDate.getFullYear()-50;//起始年份
var endYear=myDate.getFullYear()+50;//结束年份
var obj=document.getElementById('myYear')
for (var i=startYear;i<=endYear;i++)
{
obj.options.add(new Option(i,i));
}
obj.options[obj.options.length-51].selected=1;
}
</script>
<select id="myYear"></select>

相关文章

  • Uniapp中使用Echarts的详细过程

    Uniapp中使用Echarts的详细过程

    这篇文章主要介绍了Uniapp中使用Echarts的示例详解这里只举例折线图,介绍了uni-app微信小程序使用echarts的方法,下载echart组件,可以先随便建个文件夹,然后 npm init,接着下载依赖,需要的朋友可以参考下
    2022-11-11
  • JavaScript字符串处理常见操作方法小结

    JavaScript字符串处理常见操作方法小结

    这篇文章主要介绍了JavaScript字符串处理常见操作方法,结合实例形式分析了JavaScript字符串操作常见的转换、截取、分割、获取等相关实现技巧,需要的朋友可以参考下
    2019-11-11
  • JS如何设置滚动属性默认自动滚动到底部(overflow:scroll;)

    JS如何设置滚动属性默认自动滚动到底部(overflow:scroll;)

    这篇文章主要给大家介绍了关于JS如何设置滚动属性默认自动滚动到底部(overflow:scroll;)的相关资料,通过本文介绍的的JavaScript代码示例,你可以实现滚动条默认在最底部的效果,需要的朋友可以参考下
    2023-10-10
  • JS的拖拽属性draggable详解

    JS的拖拽属性draggable详解

    这篇文章主要介绍了JS的拖拽属性draggable详解,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • Javascript模拟加速运动与减速运动代码分享

    Javascript模拟加速运动与减速运动代码分享

    这篇文章主要介绍了Javascript加速运动与减速运动代码分享,需要的朋友可以参考下
    2014-12-12
  • JavaScript高级编程之Array的用法总结

    JavaScript高级编程之Array的用法总结

    这篇文章主要为大家介绍了JavaScript中Array常见用法的总结,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-11-11
  • JavaScript中关键字 in 的使用方法详解

    JavaScript中关键字 in 的使用方法详解

    这篇文章主要介绍了JavaScript中关键字 in 的使用方法详解,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • Javascript 页面模板化很多人没有使用过的方法

    Javascript 页面模板化很多人没有使用过的方法

    今天遇到一个问题,这个问题也是我以前遇到的问题,以前的方式,也是大多数人使用的方式。大家可以看看我的文章
    2012-06-06
  • javascript实现页面的实时时钟显示示例

    javascript实现页面的实时时钟显示示例

    这篇文章主要介绍了javascript实现页面的实时时钟显示示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • TypeScript面向对象超详细分析

    TypeScript面向对象超详细分析

    面向对象——想进行执行某个事件,就去找事件对应的对象,把事情落实到对象身上,在程序中一切皆是对象,对象包含属性和方法,面向对象三大特征:封装、继承、多态
    2022-10-10

最新评论