JavaScriptで生年月日をプルダウンで作る際、西暦を楽して作りたい。

Question

西暦を

<option value="1900">1900</option> <option value="1901">1901</option> <option value="1902">1902</option> <option value="1903">1903</option> <option value="1904">1904</option> <option value="1905">1905</option> のように１つ１つ書いています。 とても面倒くさいので、楽したくて、以下のようにコードを書き換えました。 理想は、１９００年から現在（2018年）までのプルダウンが出てほしいのですが、 現状は、「西暦」以外は何も出ていないです。

どなたか教えて下さい！！！

(function(){
    var time = new Date();
    var aaa = time.getFullYear();
    for(var i =1900; i<=aaa; i++){
        $("#year").get(0).options[i] = new Option(i+"年", i);
    }
}());

<select name="year" id="year" onchange="monthCheck()" >
         <option value="1">--西暦--</option>
</select>

Answer 1

現状でもインデックスが1900以降にちゃんと作られるようですが、無駄なので

$("#year").get(0).options[i - 1899]

あるいは単にadd()メソッドを呼べばいいかもしれません

$("#year").get(0).add(new Option(i.toString() + "年", i.toString()));

https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/add

Comments

[Beginnerrr]

$("#year").get(0).add(new Option(i.toString() + "年", i.toString()));
はなぜ、toString()を付けるのでしょうか？

[x_x]

文字列だからです。気にならない人はつけなくても構いません

[Beginnerrr]

ありがとうございます！
optionタグのvalueが文字列だということが抜けていました。。。

Answer 2

jqueryを使っているのであれば、以下でどうでしょうか。

    for(var i =1900; i<=aaa; i++){
        $("#year").get(0).options[i] = new Option(i+"年", i);
    }

上記の箇所を以下に変更

var out = '';
for(var i =1900; i<=aaa; i++){
  out += '<option value="' + i '">' + i + '年</option>';
}
$('#year').append(out);

Comments

[Beginnerrr]

ありがとうございます！
動きました！！！

Answer 3

(function(){
    var time = new Date();
    var endYear = time.getFullYear();
    for(var i =1900; i<=endYear; i++){
        $("#year").append($('<option>').text(i + '年').val(i));
    }
}());

Comments

[Beginnerrr]

ありがとうございます！
動きました！！！