HTML生日下拉列表代碼

<select id="year">
<option value="">請選擇年份</option>
<option value="2000">2000年</option>
<option value="2001">2001年</option>
<option value="2002">2002年</option>
<option value="2003">2003年</option>
<option value="2004">2004年</option>
</select>
<select id="month">
<option value="">請選擇月份</option>
<option value="01">01月</option>
<option value="02">02月</option>
<option value="03">03月</option>
<option value="04">04月</option>
<option value="05">05月</option>
<option value="06">06月</option>
<option value="07">07月</option>
<option value="08">08月</option>
<option value="09">09月</option>
<option value="10">10月</option>
<option value="11">11月</option>
<option value="12">12月</option>
</select>
<select id="day">
<option value="">請選擇日期</option>
</select>

上面的代碼是一個生日下拉列表，需根據年份和月份動態生成日期選項。

使用JavaScript實現動態生成日期選項的代碼如下：

var yearSelect = document.getElementById("year");
var monthSelect = document.getElementById("month");
var daySelect = document.getElementById("day");
var currentYear = new Date().getFullYear(); // 獲取當前年份
var startYear = currentYear - 100; // 起始年份為當前年份減去100
for (var i = startYear; i<= currentYear; i++) {
var option = document.createElement("option");
option.value = i;
option.textContent = i + "年";
yearSelect.appendChild(option);
}
for (var i = 1; i<= 12; i++) {
var option = document.createElement("option");
option.value = i< 10 ? "0" + i : i;
option.textContent = i + "月";
monthSelect.appendChild(option);
}
yearSelect.addEventListener("change", updateDays);
monthSelect.addEventListener("change", updateDays);
function updateDays() {
var year = yearSelect.value;
var month = monthSelect.value;
// 清空原有選項
daySelect.innerHTML = "<option value=''>請選擇日期</option>";
// 動態生成日期選項
var daysInMonth = new Date(year, month, 0).getDate();
for (var i = 1; i<= daysInMonth; i++) {
var option = document.createElement("option");
option.value = i< 10 ? "0" + i : i;
option.textContent = i + "日";
daySelect.appendChild(option);
}
}

以上代碼可以根據選擇的年份和月份動態生成日期選項，實現生日下拉列表的完整功能。