Question

我创建了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>

Answer 1

使用Date.getFullYear。例如：

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

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

Answer 2

你基本上已经有了吗？

见小提琴。 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();

Answer 3

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

var min = new Date().getFullYear();
var max = min + 20;

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

3 个答案: