2017-06-09 3 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

、明らかなしに見えますか?ちょうど "year = currentYear-10"を開始してください。しかし、「選ばれる前に」とはどういう意味ですか?これまでに何を試しましたか? – RaphaMex

+0

私は前にanfd after afterをドロップダウンリストに表示する代わりに、後で – rickyProgrammer

+0

@rickyProgrammer私は私の答えを更新してください今すぐ確認してください –

答えて

2

はのcreateElementを使用してオプションを作成し、選択するために、それを追加します。現在の年前に10年間

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>

関連する問題