html只选择年份 原生jQuery实现只显示年份下拉框

本文实例为大家分享了jQuery实现只显示年份下拉框的具体代码，供大家参考，具体内容如下

代码:

Document

1949

var date = new Date();

var y = date.getFullYear()

function chooseYear1() {

for (let i = 1949; i<=y; i ++) {

let start = document.getElementById("start");

let year = Number(start.lastElementChild.innerHTML) + 1;

var myOption = document.createElement("option");

myOption.innerHTML = year;

start.appendChild(myOption);

}

}

chooseYear1();

function chooseYear2() {

//如果你想让起始年份下拉框和结束年份下拉框都显示从1949至今的年份,那么写同样的循环即可:

let end = Number($("#start").find("option:selected").val());

let start = document.getElementById("end");

start.firstElementChild.innerHTML=end;

var myOption = document.createElement("option");

for (let i = end; i<=y; i ++) {

let start = document.getElementById("end");

let year = Number(start.lastElementChild.innerHTML) + 1;

var myOption = document.createElement("option");

myOption.innerHTML = year;

start.appendChild(myOption);

}

}

只显示年份的下拉框效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持猪先飞。