js 简单的年月联动实现代码, 需要的朋友可以参考下。
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <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');
完整的演示代码:
来源: