本文介绍如何使用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>