发布于 2017-01-10 02:28:11 | 147 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


js简单的年月联动实现代码,需要的朋友可以参考下。
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需刷新才能执行]


最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务