js简单的年月联动实现代码 程序员文章站 2022-05-27 09:22:01 html 复制代码 代码如下: html 复制代码 代码如下: <select name="seltjyear"> </select> <select name="seltjmonth"> </select> 源码: 复制代码 代码如下: function vyearmonth(yearobjid, monthobjid) { var selyear = document.getelementbyid(yearobjid); var selmonth = document.getelementbyid(monthobjid); var mydate = new date(); //当前日期 var myyear = mydate.getfullyear(); //当前年 var mymonth = mydate.getmonth() + 1; //当前月 var yearmin = -2; //年份范围值,也当前年比较的差值 var yearmax = 10; //年份范围值,也当前年比较的差值 //begin年******************************* selyear.options.add(new option("", "")); for (var i = yearmin; i < yearmax; i++) { var opt = new option(myyear + i, myyear + i); selyear.options.add(opt); } //这里1-yearmin表示选中当前年,用1是因为开头有插入"" selyear.options.selectedindex = 1 - yearmin; //end年******************************* //begin月******************************* selmonth.options.add(new option("", "")); for (var i = 0; i < 12; i++) { var opt = new option(i + 1, i + 1); selmonth.options.add(opt); } //选中当前月 selmonth.options.selectedindex = mymonth; //end月******************************* selyear.onchange = function () { if (this.value == "") { selmonth.selectedindex = 0; } else { if (selmonth.value == "") { selmonth.selectedindex = mymonth; } } }; } 调用: 复制代码 代码如下: vyearmonth('seltjyear', 'seltjmonth'); 完整的演示代码: [ctrl+a 全选 注:如需引入外部js需刷新才能执行] 上一篇: 关于jvm的一些命令和工具 下一篇: 唐朝得位正不正?真实的大唐开国是怎么样的? 推荐阅读 JS/jQuery实现简单的开关灯效果【案例】 js实现简单的获取验证码按钮效果 JS尾递归的实现方法及代码优化技巧 js生成唯一标识符实现的代码教程 使用mint-ui实现省市区三级联动效果的示例代码 原生js实现省市区三级联动代码分享 python实现顺序表的简单代码 利用js实现前后台传送Json的示例代码 p5.js实现斐波那契螺旋的示例代码 老生常谈JS中的继承及实现代码