WD1X.COM - 问答一下,轻松解决,电脑应用解决专家
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win11Linux
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascript服务器
PHP教程CSS教程XML教程

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

更新时间:2005-12-30 19:26 作者: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

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容