休闲的空间

导航

JavaScript select标签应用

最近在学习Javascript,感觉这个语言真是无章可循(个人意见,欢迎批评指教)。
通过一个日期联动 把select的学习经历总结一下:
//设置年//
function AddYear(text,value){
 var year = document.getElementById("selYear");
 year.add(new Option(text,value));
}
//设置月//
function AddMonth(text,value){
 var month = document.getElementById("selMonth");
 month.add(new Option(text,value));
}
//设置日//
function AddDay(text,value){
 var myday = document.getElementById("selDay");
 myday.add(new Option(text,value));
}
//月改变时动态设置日//
function ChangeMonth(){
 RemoveItem();
 var month = document.getElementById("selMonth").value;
 if(month % 2 == 0 && month != 2){
  for(var i = 1;i <= 30;i++){
   AddDay(i,i);
  }
 }else if(month == 2){
  for(var i = 1;i <= 28;i++){
   AddDay(i,i);
  }
 }else if(month % 2 != 0){
  for(var i = 1;i <= 31;i++){
   AddDay(i,i);
  }
 }
}
//移除日//
function RemoveItem(){
 var option = document.getElementById("selDay");
 for(var i = option.options.length;i > 0;i--){
  option.options.remove(0);
 }
}

 

<select name="selYear"  id="selYear"></select>年
        <select name="selMonth" id="selMonth" onchange="ChangeMonth()"></select>月
        <select name="selDay"   id="selDay"></select>日

这里没有做闰年的判断 见谅

posted on 2008-09-15 11:34  休闲的猫  阅读(488)  评论(0编辑  收藏  举报