软件开发培训班 >> 编程开发 >> JavaScript

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

　　本文标签：年月联动

<SELECT NAME="SelTjYear"> 
</SELECT> 
<SELECT NAME="SelTjMonth"> 
</SELECT> 
<script> 
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); 
</script>

技术文章快速查找

JQuery扩展插件Validate 2通过参数设置验证规则

非常棒的10款jQuery 幻灯片插件

JS OffsetParent属性深入解析

jquery 学习之二属性(html()与html(val))

js创建对象的几种常用方式小结(推荐)

JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解

豆瓣网的jquery代码实例

JavaScript学习点滴 call、apply的区别

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建