·您的位置: 首页 » 资源教程 » 编程开发 » JavaScript » 用JS制作完善的日,月组合下拉框.

用JS制作完善的日,月组合下拉框.

类别: JavaScript教程  评论数:0 总得分:0
先建两个下拉选框(单选,SELECT),分别为select_month和select_day,在select_month被改变时触发change_it()函数,(select_month.onchange=change_it;)下面是该函数的源码:

function change_it() {
 get_select=select_month.selectedIndex;
 select_item_m=select_month.options[get_select].text
 switch(select_item_m) {
 case \'2月\': MD(28);break;
 case \'4月\':
 case \'6月\':
 case \'9月\':
 case \'11月\': MD(30);break;
 default: MD(31);break;
 }
}
函数中select_month.options[get_select].text获得了所选的月份值,switch语句判断改月的日期数并调用MD();此函数改变select_day中的选项, 函数如下:
function MD(days) {
 j=select_day.options.length;
 for(k=0;k<j;k++) select_day.options.remove(0);
 for(i=0;i<days;i++) {
 var day=document.createElement("OPTION");
 select_day.options.add(day);
 day.innerText=i+1;
 }
}
分析该函数:j=select_day.options.length;  for(k=0;k<j;k++) select_day.options.remove(0); 删除了select_day中的所有选项,
for(i=0;i<days;i++) {
 var day=document.createElement("OPTION");
 select_day.options.add(day);
 day.innerText=i+1; }
程序段根据传入的参数days,重置select_day内的选项。
-= 资 源 教 程 =-
文 章 搜 索
关键词:
类型:
范围:
纯粹空间 softpure.com
Copyright © 2006-2008 暖阳制作 版权所有
QQ: 15242663 (拒绝闲聊)  Email: faisun@sina.com
 纯粹空间 - 韩国酷站|酷站欣赏|教程大全|资源下载|免费博客|美女壁纸|设计素材|技术论坛   Valid XHTML 1.0 Transitional
百度搜索 谷歌搜索 Alexa搜索 | 粤ICP备19116064号-1