2017-06-09 58 views
0

我有一个工作代码,它在当前年份的下拉菜单中载入当年的10年,并将当年选为所选项目。我需要补充的是在选定的或当年的10年之前。使用Javascript在下拉列表中获取当前年份的年份

下面的代码

<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> 
+0

对于10年本年度前,看上去明显没有?刚刚开始“year = currentYear-10”。但是,“选择之前”是什么意思?你试过什么了? – RaphaMex

+0

我想在anfd之后显示在下拉列表而不是AFTER – rickyProgrammer

+0

@rickyProgrammer我更新了我的答案,请现在检查 –

回答

2

使用的createElement创建选项并追加它来选择。

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

相关问题