javascript 在javascript下拉菜单中自动生成年份

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/19731767/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-27 16:38:35  来源:igfitidea点击:

to generate years automatically in javascript dropdown

javascriptdrop-down-menu

提问by user2935177

I created javascript that generates years used in my dropdown menu. I want to display current year and future years automatically. Does anyone know how to implement this?

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

回答by Guilherme Sehn

Use Date.getFullYear. Example:

使用Date.getFullYear. 例子:

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

Fiddle: http://jsfiddle.net/t8fdh/

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

回答by Calvin

You basically have it there already?

你基本上已经在那里了吗?

See fiddle. http://jsfiddle.net/feedmeastraydog/5raMT/

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

回答by Lee Taylor

Simply use new Date().getFullYear()to get the current year:

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

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