struts＋jsp，利用javascript生成月日联动菜单(html:select html:option)

 

<script language="javascript"> 

//date Select
function DateSelector(selMonth)
{ 
    this.selMonth = selMonth;
    this.InitMonthSelect();
}
//
DateSelector.prototype.InitMonthSelect = function()
{
    var op;
    op = new Option("--","",false,false);
    this.selMonth.options[0] = op;
    for(var i = 1; i < 13; i++)
    {
     if(i<10){
      op = new Option("0"+i,"0"+i,false,false);
     }else{
         op = new Option(i,i,false,false);
        }
        this.selMonth.options[i] = op;
    }
   
}
DateSelector.InitDaySelect = function(selDay,month)
{
    var op;    
    op = new Option("--","",false,false);
    selDay.options[0] = op;
    //get days in selected month
    var date = new Date(2008,month.value,0);      
    var days = date.getDate();
   for(var i = 1; i <= days; i++)
    {
      if(i<10){
    op = new Option("0"+i,"0"+i,false,false);
   }else{
      op = new Option(i,i,false,false);
      }
         selDay.options[i] = op;
   }
}

//
DateSelector.DaysInMonth = function(year, month)
{
    var date = new Date(year, month, 0);
    return date.getDate();
}

//Time Select
function TimeSelector(selHour)
{
    this.selHour = selHour;
    this.InitHourSelect();
}
//
TimeSelector.prototype.InitHourSelect = function()
{
    var op;
    op = new Option("--","",false,false);
    this.selHour.options[0] = op;
    for(var i = 0; i < 24; i++)
    {
        if(i<10){
      op = new Option("0"+i,"0"+i,false,false);
     }else{
         op = new Option(i,i,false,false);
        }
        this.selHour.options[i+1] = op;
    }
}
TimeSelector.InitMinuteSelect = function(selMinute)
{
    var op;
    op = new Option("--","",false,false);
    selMinute.options[0] = op;
    for(var i = 0; i < 60; i++)
    {
        if(i<10){
      op = new Option("0"+i,"0"+i,false,false);
     }else{
         op = new Option(i,i,false,false);
        }
        selMinute.options[i+1] = op;
    }
}
TimeSelector.InitSecondSelect = function(selSecond)
{
    var op;
    op = new Option("--","",false,false);
    selSecond.options[0] = op;
    for(var i = 0; i < 60; i++)
    {
        if(i<10){
      op = new Option("0"+i,"0"+i,false,false);
     }else{
         op = new Option(i,i,false,false);
        }
        selSecond.options[i+1] = op;
    }
}

</script>

 

中间为body部分，其中有如：

<html:select property="start_month">

</html:select>

 

<script type="text/javascript">
      //load date and time select Option     
  // var start_month = window.document.getElementById("start_month");
  // alert("start_month"+start_month.value);   
  // new DateSelector(start_month);
   start_month = window.document.getElementById("start_month");
   alert("start_month1"+start_month.value);
   var end_month = window.document.getElementById("end_month");
   new DateSelector(end_month);
   var start_hour = window.document.getElementById("start_hour");
   new TimeSelector(start_hour);   
   var end_hour = window.document.getElementById("end_hour");
   new TimeSelector(end_hour);
   //loadDiscount when discountType is day(2)
   var discountType = window.document.getElementById("discountType");
   new showWeek(discountType);
  </script>