js生成一个下拉框，分别用于选择年份、月份和日期。当选择年份和月份时，会根据选择的年份和月份计算当月的天数并更新日期选项。

可以使用 HTML 和 JavaScript 来生成一个下拉框，代码如下：

<label for="year">年份：</label>
<select id="year" onchange="updateDateOptions()">
  <option value="2021">2021</option>
  <option value="2022">2022</option>
  <!-- 其他年份选项 -->
</select>

<label for="month">月份：</label>
<select id="month" onchange="updateDateOptions()">
  <option value="1">1月</option>
  <option value="2">2月</option>
  <!-- 其他月份选项 -->
</select>

<label for="date">日期：</label>
<select id="date">
  <!-- JavaScript 生成选项 -->
</select>

JavaScript 代码如下：

function updateDateOptions() {
  // 获取年份和月份选项的值
  const year = document.getElementById("year").value;
  const month = document.getElementById("month").value;

  // 计算当月的天数
  const daysInMonth = new Date(year, month, 0).getDate();

  // 更新日期选项
  const dateSelect = document.getElementById("date");
  dateSelect.innerHTML = "";
  for (let i = 1; i <= daysInMonth; i++) {
    const option = document.createElement("option");
    option.value = i;
    option.text = i;
    dateSelect.appendChild(option);
  }
}

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

这段代码首先定义了一个 `updateDateOptions` 函数，在年份和月份选项的值发生变化时会被调用。函数首先获取年份和月份选项的值，然后使用 `new Date(year, month, 0).getDate()` 计算当月的天数。这里使用 `0` 作为日期参数，会自动返回上一个月的最后一天，也就是当前月的天数。接着，函数会更新日期选项，先清空原有选项，然后使用 for 循环生成新的选项，最后添加到 `dateSelect` 元素中。

在 JavaScript 代码的最后，调用 `updateDateOptions` 函数来初始化日期选项。