セレクトボックスで、選択する年を現在の年までにしたい。

Question

<form method="get" action="">
<select name="years">
 <option value="">--</option>
 <option value="2015">2015</option>
 <option value="2016">2016</option>
 <option value="2017">2017</option>
 <option value="2018">2018</option>
 <option value="2019">2019</option>
 <option value="2020">2020</option>
</select>
<input type="submit"/>
</form>

セレクトボックスで選択する年を現在までの年にしたいです。例えば今は2017年なので、2017年までしか表示されない、来年になったら2018年まで表示するような仕様にしたいです。何かいい方法はないでしょうか。

Answer 1

泥臭いやり方ですが

PHPであれば、

$year = date('Y');

で現在の年を取得することができます。

あとはfor文を利用して、年が20XX年から今年までの繰り返しで

<option value=""></option> にforのインデックスを埋め込んでいけばよいと思います。

Answer 2

回答を元にfor文で実装できました。

<?php $year=date('Y') ;?>
                    
 <SELECT name="years">
  <option value="">--</option>
   <?php
    for($i=2014; $i<=$year; $i++){
     echo '<option value="'.$i.'">'.$i.'</option>';
    }
  ?>
  </SELECT>

Answer 3

サーバーサイドの言語が使えない環境であればこうですかね。

<select name="years" id="years">
<option value="" selected>--</option>
</select>

<script>
var term_years = 5; //何年分表示するか
var now = new Date();  //Dateで現在の日付情報を取得
var thisyear = now.getFullYear(); // 今年
$(document).ready( function(){
	//開始を設定値、終了を今年としてループし、optionを追加
	for(i=(thisyear-term_years);i<=thisyear;i++){
		option = $('<option>')
        .val(i)
        .text(i);
	
		$("#years").append(option);
	}
});

</script>

※jQuery使用してます

念のため何をしているかコメントを書きましたが、それぞれの関数や機能の意味は調べてみてください。