/* 生年月日 */
// HTMLの年、月、日のセレクト要素のidを指定
var yearSelect = document.getElementById("yearSelect");
var monthSelect = document.getElementById("monthSelect");
var daySelect = document.getElementById("daySelect");

// 年の範囲を計算する
var currentYear = new Date().getFullYear();
var startYear = currentYear - 80;
var endYear = currentYear - 20;

// 年のセレクトメニューを生成
var defaultOptionYear = document.createElement("option");
defaultOptionYear.value = "";
defaultOptionYear.text = "- 選択 -";
defaultOptionYear.selected = true;
defaultOptionYear.disabled = true;
yearSelect.appendChild(defaultOptionYear);

for (var year = startYear; year <= endYear; year++) {
  var optionElement = document.createElement("option");
  optionElement.value = year;
  optionElement.text = year;
  yearSelect.appendChild(optionElement);
}

// 月のセレクトメニューを生成
var defaultOptionMonth = document.createElement("option");
defaultOptionMonth.value = "";
defaultOptionMonth.text = "- 選択 -";
defaultOptionMonth.selected = true;
defaultOptionMonth.disabled = true;
monthSelect.appendChild(defaultOptionMonth);

for (var month = 1; month <= 12; month++) {
  var optionElement = document.createElement("option");
  optionElement.value = month;
  optionElement.text = month;
  monthSelect.appendChild(optionElement);
}

// 日のセレクトメニューを生成
var defaultOptionDay = document.createElement("option");
defaultOptionDay.value = "";
defaultOptionDay.text = "- 選択 -";
defaultOptionDay.selected = true;
defaultOptionDay.disabled = true;
daySelect.appendChild(defaultOptionDay);

function updateDays() {
  var selectedMonth = monthSelect.value;
  var selectedYear = yearSelect.value;

  // 選択された月に応じて日数を計算
  var daysInMonth = new Date(selectedYear, selectedMonth, 0).getDate();

  // 日のセレクトメニューをリセット
  daySelect.innerHTML = '';
  
  daySelect.appendChild(defaultOptionDay);

  // 日のセレクトメニューを生成
  for (var day = 1; day <= daysInMonth; day++) {
    var optionElement = document.createElement("option");
    optionElement.value = day;
    optionElement.text = day;
    daySelect.appendChild(optionElement);
  }
}

// 月が変更されたら日のセレクトメニューを更新
monthSelect.addEventListener("change", updateDays);

// 年が変更されたら日のセレクトメニューを更新
yearSelect.addEventListener("change", updateDays);

// 初期状態で日のセレクトメニューを更新
updateDays();