JavaScript实现当前年份及前后50年下拉列表
作者:白露时间:2026-10-28 11:25:17浏览:252
本文介绍如何使用JavaScript在页面加载时动态生成一个包含当前年份及前后50年数据的下拉列表框。通过Date对象获取当前时间,利用循环将年份添加到Select元素中,并默认选中当前年份。代码简洁,适用于需要年份筛选功能的Web页面。
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>作者最新文章
AOS.js 动画不触发怎么办?排查 DOM 加载与移动端兼容问题
2026-11-05 17:02:26
sigma.js 怎么实现节点点击、拖拽与悬停提示交互
2026-11-05 15:03:27
Matter.js 与 PixiJS/Three.js 集成:分离物理计算与渲染
2026-11-05 13:43:48
主流JS弹幕库选型指南:Danmaku.js等库的功能与体积对比
2026-11-05 09:28:19
JavaScript点击事件监听与交互效果实例
2026-11-05 09:10:19
