电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网络编程 > javascript > 正文
用js制作完善的日,月组合下拉框
用js制作完善的日,月组合下拉框
2005-12-30 19:26:11  文/45IT收集   出处:电脑软硬件应用网   

先建两个下拉选框(单选,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内的选项。


http://nic-002.nicchina.com/
QQ:20316801

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    javascript实用技巧点滴(三)
    javascript实用技巧点滴(2)
    javascript实用技巧点滴(1)
    javascript教程 - 第一课 1.1
    利用JSP编程建立动态Web站点
    用PHP制作留言板
    PHP生成动态WAP页面
    PHP实现文件下载
    PHP4的session功能
    用PHP制作动态计数器
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号