使用Javascript获取当前年份下拉列表中的年份

时间:2017-06-09 03:09:34

标签: javascript html

我有一个工作代码,可以在当前年份的下拉列表中加载10年后,将当前年份作为所选项目。我需要补充的是在选定或当前年份之前的10年。

这是代码

<select id="year" class="" style="width: 100%; display:inline-block;" value="" ></select>

<script>
    var currentYear = new Date().getFullYear()
    max = currentYear + 10
    var options = "";
    for (var year = currentYear ; year <= max; year++) {
        options += "<option>" + year + "</option>";
    }
    document.getElementById("year").innerHTML = options;
</script>

1 个答案:

答案 0 :(得分:2)

使用createElement创建选项并将其附加到选择。

&#13;
&#13;
var currentYear = new Date().getFullYear()
    max = currentYear + 10
    var option = "";
    for (var year = currentYear-10 ; year <= max; year++) {
      
        var option = document.createElement("option");
        option.text = year;
        option.value = year;
        
        document.getElementById("year").appendChild(option)
        
    }
    document.getElementById("year").value = currentYear;
&#13;
<select id="year" class="" style="width: 100%; display:inline-block;" value="" ></select>
&#13;
&#13;
&#13;