在 JavaScript 下拉列表中自动生成年份

to generate years automatically in javascript dropdown

本文关键字：自动生成 JavaScript 下拉列表      更新时间：2023-09-26

我创建了javascript，它可以生成我的下拉菜单中使用的年份。我想自动显示当前年份和未来年份。有谁知道如何实现这一点？

<select id="selectElementId"></select>
<script>
    var min = 2012,
    max = 2021,
    select = document.getElementById('selectElementId');
    for (var i = min; i<=max; i++){
       var opt = document.createElement('option');
       opt.value = i;
       opt.innerHTML = i;
       select.appendChild(opt);
    }
</script>

使用 Date.getFullYear .例：

var min = new Date().getFullYear(),
    max = min + 9

小提琴：http://jsfiddle.net/t8fdh/

你基本上已经有了？

见小提琴。 http://jsfiddle.net/feedmeastraydog/5raMT/

var min = new Date().getFullYear();
    max = min + 20;
    select = document.getElementById('selectElementId');
for (var i = min; i<=max; i++){
    var opt = document.createElement('option');
    opt.value = i;
    opt.innerHTML = i;
    select.appendChild(opt);
}
select.value = new Date().getFullYear();

只需使用 new Date().getFullYear() 即可获取当前年份：

var min = new Date().getFullYear();
var max = min + 20;
相关文章：