首页
前端开发
Javascript
JavaScript 生成以当前年份为中心的年份下拉列表

JavaScript 生成以当前年份为中心的年份下拉列表

28 次浏览 0 条评论
htm
htm

以下代码演示如何使用 JavaScript 创建一个年份下拉列表，该列表以当前年份为中心，向前和向后延伸 10 年： 

function generateYearDropdown(id) {
  const currentYear = new Date().getFullYear();
  const startYear = currentYear - 10;
  const endYear = currentYear + 10;

  const selectElement = document.getElementById(id);

  for (let year = startYear; year <= endYear; year++) {
    const optionElement = document.createElement('option');
    optionElement.value = year;
    optionElement.text = year;
    selectElement.appendChild(optionElement);
  }
}

// 调用函数生成下拉列表，指定下拉列表元素的ID
generateYearDropdown('yearDropdown');

这段代码首先获取当前年份，然后计算起始年份和结束年份。 接着，它获取具有指定 ID 的下拉列表元素，并使用循环创建年份选项，并将它们添加到下拉列表中。

htm 文件大小：1.53KB