欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

js简单的年月联动实现代码

时间:2021-05-19 09:40:59|栏目:JavaScript代码|点击:
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需再刷新一下页面才能执行]

上一篇:Ajax中responseText返回的是一个页面而不是一个值

栏    目:JavaScript代码

下一篇:探寻Javascript执行效率问题

本文标题:js简单的年月联动实现代码

本文地址:http://www.codeinn.net/misctech/124491.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有