45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网络编程 > javascript >

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

电脑软硬件应用网 45IT.COM 时间: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%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识