select要素内に年月日などの数字を自動生成する

Ads

Result

jQuery

//現在の年数オブジェクトを4桁で生成
var time = new Date();
var year = time.getFullYear();
//1900年まで表示
for (var i = year; i >= 1900; i--) {
    $('#year').append('<option value="' + i + '">' + i + '</option>');
}
//1~12の数字を生成
for (var i = 1; i <= 12; i++) {
    $('#month').append('<option value="' + i + '">' + i + '</option>');
}
//1~31の数字を生成
for (var i = 1; i <= 31; i++) {
    $('#day').append('<option value="' + i + '">' + i + '</option>');
}

html

<select id="year"><option value="0">----</option></select>年
<select id="month"><option value="0">--</option></select>月
<select id="day"><option value="0">--</option></select>日​

via

A Tiny Tip for Clean Html Markdowns

タイトルとURLをコピーしました