JavaScript动态下拉菜单：实现日期选项与价格计算关联

/**
 * 生成包含日期描述和对应剩余天数的选项数据
 * @returns {Array<[number, string]>} 包含 [剩余天数, 日期描述] 的数组
 */
function writeDateOptions() {
  const td = new Date(); // 设置日期对象td为今天
  const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
  td.setDate(td.getDate() + 3); // 从今天起3天后开始计算
  let ndays = td - new Date(); // 计算初始天数差（毫秒）
  let deadline = td.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });

  // 返回包含天数和描述的选项数组
  return [...Array(18)].map(_ => { // 生成18个日期选项
    // 计算剩余天数，四舍五入
    let numdays = Math.round(ndays / (1000 * 60 * 60 * 24)); 
    let r = td.toLocaleString(
      "en-us", { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }
    ) + " @ " + deadline + " " + timezone + " Time (" + numdays + " days)"; // 格式化日期字符串

    td.setDate(td.getDate() + 1); // 日期递增一天
    ndays = td - new Date(); // 更新天数差

    return [numdays, r]; // 返回 [剩余天数, 日期字符串]
  });
}

// 获取日期选项数据
const opts = writeDateOptions();

// 获取下拉菜单元素
const sel = document.getElementById("deadline");

// 添加一个空选项作为占位符或提示，并填充其他选项
sel.innerHTML = "<option value=''>请选择截止日期</option>" + 
                opts.map(([d, o]) => `<option value="${d}">${o}</option>`).join("");

// 获取日期选项数据
const opts = writeDateOptions();

// 获取下拉菜单元素
const sel = document.getElementById("deadline");

// 清空现有选项并添加一个空选项
sel.innerHTML = ""; // 清空所有现有选项
sel.appendChild(document.createElement("option")); // 添加一个空白选项

// 遍历数据，创建并添加每个选项
opts.forEach(function ([numdays, desc]) {
  let opt = document.createElement("option");
  opt.value = numdays;
  opt.textContent = desc;
  sel.appendChild(opt);
});

// 假设HTML结构中有一个用于显示结果的元素，例如：<div id="daysfactor"></div>
// ... (接上一步的下拉菜单填充代码)

sel.addEventListener("change", function (evt) {
  // 获取当前选中的选项的value值，并转换为整数
  let days = parseInt(evt.target.options[evt.target.selectedIndex].value);
  let factor = 0; // 初始化价格因子

  // 验证是否选择了有效日期
  if (isNaN(days) || days <= 0) { 
      document.getElementById("daysfactor").innerText = "请选择一个有效的截止日期。";
      return;
  }

  // 根据剩余天数设置价格因子
  switch (days) {
    case 3:
    case 4:
      factor = 1.5;
      break; // 3-4天，因子1.5
    case 5:
    case 6:
      factor = 1.4;
      break; // 5-6天，因子1.4
    case 7:
    case 8:
    case 9:
      factor = 1.3;
      break; // 7-9天，因子1.3
    case 10:
    case 11:
    case 12:
    case 13:
    case 14: