帮我写一个前端年度下拉框

好的，以下是一个简单的前端年度下拉框的示例代码：

<select id="year-dropdown">
  <option value="">请选择年份</option>
  <option value="2022">2022年</option>
  <option value="2021">2021年</option>
  <option value="2020">2020年</option>
  <option value="2019">2019年</option>
  <!-- 可根据需要添加更多年份选项 -->
</select>

上面的代码中，`<select>` 元素定义了一个下拉列表，其中每个 `<option>` 元素定义了一个选项。`value` 属性定义了每个选项的值，可以在 JavaScript 中使用这个值进行操作。第一个选项是一个提示信息，没有实际的值。

在你的页面中引入上述代码后，可以使用 JavaScript 来获取用户选择的年份：

const dropdown = document.querySelector('#year-dropdown');

dropdown.addEventListener('change', function() {
  const selectedYear = dropdown.value;
  console.log(`用户选择了 ${selectedYear} 年`);
});

上面的代码中，我们通过 `document.querySelector('#year-dropdown')` 获取到了 `<select>` 元素，并且使用 `addEventListener` 方法添加了一个事件监听器。当用户选择了一个选项后，事件监听器会调用回调函数，这个函数中可以通过 `dropdown.value` 获取到用户选择的年份。在上述代码中，我们只是简单地在控制台输出了用户选择的年份，你可以根据需要进行其他操作。