利用jQuery怎么实现一个年份下拉框功能

  介绍

今天就跟大家聊聊有关利用jQuery怎么实现一个年份下拉框功能,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

具体内容如下

& lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   ,& lt; meta  charset=癠TF-8"比;   ,& lt; meta  name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比;   ,& lt; title> Document   & lt;才能https://www.yisu.com/zixun/script  src=" https://lib.baomitu.com/jquery/3.5.1/jquery.js ">   
  <选择name=" " id="开始" onchange=癱hooseYear2 () ">   1949年<选项值=" ">         <选择name=" " id="结束">   <选项值=" ">         <脚本type=" text/javascript”>   var=new日期();   var y=date.getFullYear ()   函数chooseYear1 () {   (让我=1949;我<=y;我+ +){   我们开始=. getelementbyid(“开始”);   让年=(start.lastElementChild.innerHTML) + 1;   var myOption=document.createElement(“选项”);   myOption。innerHTML=一年;   start.appendChild (myOption);   }   }   chooseYear1 ();   函数chooseYear2 () {//如果你想让起始年份下拉框和结束年份下拉框都显示从1949年至今的年份,那么写同样的循环即可:   让终端数量=($(“#”);(“选择:选择”).val ());   我们开始=. getelementbyid(“结束”);   start.firstElementChild.innerHTML=结束;   var myOption=document.createElement(“选项”);   (让我=结束;我<=y;我+ +){   我们开始=. getelementbyid(“结束”);   让年=(start.lastElementChild.innerHTML) + 1;   var myOption=document.createElement(“选项”);   myOption。innerHTML=一年;   start.appendChild (myOption);   }   }>   

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

利用jQuery怎么实现一个年份下拉框功能

看完上述内容,你们对利用jQuery怎么实现一个年份下拉框功能有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。

利用jQuery怎么实现一个年份下拉框功能