js简单的年月联动实现代码 程序员文章站 2023-02-08 19:34:24 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需刷新才能执行] 上一篇: 【转载】 C#中常见的泛型集合类有哪些 下一篇: react native 文字轮播的实现示例 推荐阅读 js使用Promise实现简单的Ajax缓存 javascript 年月日联动实现核心代码 JS动画实现回调地狱promise的实例代码详解 require.js与bootstrap结合实现简单的页面登录和页面跳转功能 JS简单实现获取元素的封装操作示例 JS简单小应用之前进后退效果代码实现 原生js实现的一个随机颜色的简单效果 django中上传图片分页三级联动效果的实现代码 Android实现下载工具的简单代码 Java实现拖拽文件上传dropzone.js的简单使用示例代码