2012-11-05 来源:网络
【实例名称】
JS实现年份加减函数
【实例描述】
年份加减功能经常出现在财务软件中:本例使用JavaScript实现年份加减函数,可在网页中直接调用。
【实例代码】
<html> <head> <SCRIPT LANGUAGE="JavaScript"> var d=new Date() //获取当天日期 document.write("<select id=selyear>"); //输出一个下拉框 var int; int=new Array() //创建数组 for(i=2003;i<2013;i++){ //依次添加年份到数组 int[i]=i; document.write("<option "+((d.getYear()==i)?"selected":"") +" value=" + int[i] + ">" + int[i] + "</option>"); } document.write("</select>年"); //实现年份加减的方法 function DateAdd(n){ var dlt = document.getElementById("selyear"); //获取年份下拉框 var len = dlt.options.length; //获取有多少个年份 var idx = dlt.selectedIndex - n ; //年份的索引 dlt.selectedIndex = idx < 0? 0 : (idx > len-1 ? len-1 : idx); //选定年份 } </SCRIPT> <title>无标题-学无忧(www.xue51.com)</title> </head>
<body> <form name="form1" method="post" action=""> <input type="button" id="YearPre" name="YearPre" value="上一年" class="button" onclick="DateAdd(1);" /> <input type="button" id="YearNext" name="YearNext" value="下一年" class="button" onclick="DateAdd(-1);" />
</form> </body> </html>
【运行效果】
【难点剖析】
本例的重点是如何将年份动态添加到下拉框中,并指定当前年份。默认选中的年份是当前年份。通过一个循环往下拉框中添加“option”项,然后通过“dlt.selectedlndex.n”获取指定索引处的年份,参数“n”可以是正值,也可以是负值。
【源码下载】
为了JS代码的准确性,请点击:年份加减函数 进行本实例源码下载