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

哥哥姐姐等你

哥哥姐姐等你

2016-01-29 18:15

用js制作完善的日 月组合下拉框.,用js制作完善的日,月组合下拉框.
  先建两个下拉选框(单选,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内的选项。

【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】    
 
展开更多 50%)
分享

猜你喜欢

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

ASP
用js制作完善的日 月组合下拉框.

可输入的下拉框

Web开发
可输入的下拉框

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

动态提示的下拉框

Web开发
动态提示的下拉框

JavaScript 图标美化的下拉框

Web开发
JavaScript 图标美化的下拉框

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Javascript 调用XML制作连动下拉框

Web开发
Javascript 调用XML制作连动下拉框

用 iframe 解决下拉框与层之冲突

Html CSS布局 Div+CSS XHTML
用 iframe 解决下拉框与层之冲突

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

文本中首字母全改为大写

文本中首字母全改为大写

打造“苹果”版Win XP系统

打造“苹果”版Win XP系统
下拉加载更多内容 ↓