HTML动态年份下拉列表

最新推荐文章于 2024-07-03 17:11:41 发布

以后去卖鸡蛋灌饼

最新推荐文章于 2024-07-03 17:11:41 发布

阅读量1.6w

点赞数 4

文章标签： html

本文链接：https://blog.csdn.net/maomao_0324/article/details/54572434

版权

<html>
<head>
<meta charset="GB2312">
<title>动态年份下拉列表</title>
<style type="text/css">
</style>
<script type="text/javascript">
   onload = function ()
    {
       var year=new Date().getFullYear(); //获取当前年份

       var sel = document.getElementById ('sel');//获取select下拉列表
       for ( var i = 2006; i < year+3; i++)//循环添加2006到当前年份加3年的每个年份依次添加到下拉列表
       {
           var option = document.createElement ('option');
           option.value = i;
           var txt = document.createTextNode (i);
           option.appendChild (txt);
           sel.appendChild (option);
       }
    }
</script>
</head>
<body>
   <select id="sel">
   </select>
</body>
</html>