js实现年份下拉框并默认当前年份

可以使用JavaScript来实现年份下拉框，并默认选中当前年份。具体实现如下：

<select id="year">
  <!-- 使用JavaScript来动态生成选项 -->
</select>

// 获取当前年份
const currentYear = new Date().getFullYear();
// 获取下拉框元素
const yearSelect = document.getElementById('year');

// 动态生成选项
for (let i = currentYear; i >= currentYear - 100; i--) {
  const option = document.createElement('option');
  option.value = i;
  option.text = i;
  // 默认选中当前年份
  if (i === currentYear) {
    option.selected = true;
  }
  yearSelect.appendChild(option);
}

这样就可以生成一个包含100个年份选项的下拉框，并默认选中当前年份。

相关问题

js实现年份下拉框默认当前年份

可以通过 JavaScript 获取当前年份，并将其设置为 <select> 元素的默认选项。以下是一个简单的实现示例：

HTML 代码：

<select id="year">
  <option value="2020">2020</option>
  <option value="2021">2021</option>
  <option value="2022">2022</option>
  <!-- 其他年份选项 -->
</select>

JavaScript 代码：

// 获取当前年份
const currentYear = new Date().getFullYear();

// 获取 <select> 元素
const yearSelect = document.querySelector('#year');

// 将当前年份设置为默认选项
const defaultOption = yearSelect.querySelector(`option[value="${currentYear}"]`);
defaultOption.selected = true;

使用这段代码，<select> 元素中当前年份的选项将被默认选中。你可以根据需要修改 HTML 代码和 JavaScript 代码中的年份选项。

js实现年份下拉框

你可以使用 JavaScript 和 HTML 来实现年份下拉框，以下是一个简单的实现示例：

HTML 代码：

<label for="year">选择年份：</label>
<select id="year"></select>

JavaScript 代码：

// 获取当前年份
const currentYear = new Date().getFullYear();

// 获取年份下拉框元素
const yearSelect = document.getElementById("year");

// 循环添加选项
for (let i = currentYear; i >= 1900; i--) {
  const option = document.createElement("option");
  option.value = i;
  option.text = i;
  yearSelect.appendChild(option);
}

这段代码会在页面中创建一个标签和一个下拉框，下拉框中包含从当前年份到 1900 年的所有年份选项。你可以根据需要修改起始和结束年份，以及其他样式和属性。