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);

}

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

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

html只选择年份,原生jQuery实现只显示年份下拉框相关推荐

php jq ajax 4个下拉框联动案列,Ajax与Jquery结合数据库做出实现下拉框的二级联动...
这次给大家带来Ajax与Jquery结合数据库做出实现下拉框的二级联动,Ajax与Jquery结合数据库做出实现下拉框二级联动的注意事项有哪些,下面就是实战案例,一起来看一下. 首先我们需要先建立好数 ...
IE6下使用jquery.bgiframe.js插件解决下拉框覆盖浮动层、Dialog的问题
IE6下使用jquery.bgiframe.js插件解决下拉框覆盖浮动层.Dialog的问题参考文章: (1)IE6下使用jquery.bgiframe.js插件解决下拉框覆盖浮动层.Dialog的 ...
easyui下拉框option_js和jQuery以及easyui实现对下拉框的指定赋值实例分享
本文主要为大家分享一篇js和jQuery以及easyui实现对下拉框的指定赋值方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧,希望能帮助到大家. js实现: 1. 通过让第i个o ...
jquery可以勾选的下拉框_jquery.chosen下拉框多选插件使用详解_蓝戒的博客
Chosen 是一个支持jquery的selec t下拉框美化插件,它能让丑陋的.很长的selec t选择框变的更好看.更方便.不仅如此,它更扩展了selec t, 增加了自动筛选的功能.它可对列表 ...
jquery美化select，自定义下拉框样式
select默认的样式比较丑,有些应用需要美化select,在网上找到一个很好的美化样式效果,本人很喜欢,在这里分享一下. <!DOCTYPE html PUBLIC "-//W3C/ ...
jquery模拟可输入的下拉框
//页面html <div id="select" class="select" ><ul><c:forEach items=&q ...
jquery中如何获取select 下拉框默认选中的值？
通过id获取下拉框默认选中的值 <select class="form-control" id="numbers"><option value ...
jquery 获取和设置 select下拉框的值(转手册)
##实例应用中遇到的问题 //在某事件响应的应用中设置select选中项,前两种情况的设置不生效,使用了最后一种用法才生效的 //$("#select_time").find(&q ...
jquery 获取和设置 select下拉框的值
获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); ...

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

html只选择年份,原生jQuery实现只显示年份下拉框相关推荐

最新文章

热门文章