html+js实现下拉框年月日

要在HTML和JavaScript中实现下拉框选择日期，可以采用以下方法：

HTML代码：

<select id="year"></select>
<select id="month"></select>
<select id="day"></select>

JavaScript代码：

// 获取年份的下拉框
var yearSelect = document.getElementById("year");
// 获取月份的下拉框
var monthSelect = document.getElementById("month");
// 获取日期的下拉框
var daySelect = document.getElementById("day");

// 添加年份选项
for (var i = 1900; i <= 2100; i++) {
    var option = document.createElement("option");
    option.value = i;
    option.text = i;
    yearSelect.appendChild(option);
}

// 添加月份选项
for (var i = 1; i <= 12; i++) {
    var option = document.createElement("option");
    option.value = i;
    option.text = i;
    monthSelect.appendChild(option);
}

// 添加日期选项
function updateDays() {
    var year = yearSelect.value;
    var month = monthSelect.value;
    // 清空之前的选项
    daySelect.innerHTML = "";
    // 计算当月有多少天
    var daysInMonth = new Date(year, month, 0).getDate();
    // 添加日期选项
    for (var i = 1; i <= daysInMonth; i++) {
        var option = document.createElement("option");
        option.value = i;
        option.text = i;
        daySelect.appendChild(option);
    }
}

// 添加年份和月份的事件监听器
yearSelect.addEventListener("change", updateDays);
monthSelect.addEventListener("change", updateDays);

// 初始化日期选项
updateDays();

这段代码会生成三个下拉框，分别对应年、月、日。年份的选项从1900年到2100年，月份的选项从1到12，日期的选项则根据年份和月份动态生成。当用户选择年份或月份时，JavaScript代码会重新计算当月有多少天，并更新日期选项。