怎么用JavaScript写年份下拉菜单
时间: 2023-03-31 08:03:11 浏览: 227
jquery日期控件(有下拉菜单选择年份)
4星 · 用户满意度95%
你可以使用 JavaScript 来编写一个年份下拉菜单,具体步骤如下:
1. 在 HTML 中创建一个 select 元素,用于显示年份下拉菜单。
2. 在 JavaScript 中编写一个函数,用于生成年份选项。
3. 在函数中,使用 for 循环生成年份选项,从当前年份开始,一直到 100 年前的年份。
4. 将生成的年份选项添加到 select 元素中。
下面是一个示例代码:
HTML 代码:
```
<select id="year"></select>
```
JavaScript 代码:
```
function generateYearOptions() {
var select = document.getElementById("year");
var currentYear = new Date().getFullYear();
for (var i = currentYear; i >= currentYear - 100; i--) {
var option = document.createElement("option");
option.value = i;
option.text = i;
select.appendChild(option);
}
}
generateYearOptions();
```
这样就可以生成一个包含当前年份到 100 年前的年份选项的下拉菜单了。
阅读全文