依赖于Jquery的下拉框填充 - 第二部分

Question

这是来自Par1的问题。

方案： 我下面显示的是下拉列表。

让我们说今天是星期六，2011年5月7日上午10点。

案例1 ：从上面显示的下拉列表中，如果用户选择 Fri，2011年5月6日，则小时数应包含 10-23 。

情况2： 但是，如果用户选择星期六，2011年5月7日，则开始日期小时下拉列表应包含 00-10 ie。午夜到当前时间。

有人可以指导我，如果可以使用JQuery吗？

Answer 1

像这样：

function addHoursRangeToSelect(select, from, to){
  $(select).empty();
  for(var h=from; h<=to; h++){
      $("<option />").val(h).html(addZero(n)).appendTo($(select));
  }
  function addZero(n){ return (n < 10 ? "0"+n : ""+n); }
}

$("#startDate").change(function(){
   var startHH1, endHH1;
   switch($(this).val()){
      case "2011-05-06":  //Assuming "2011-05-06" is the value of 'Fri, 06 May 2011' option
          startHH1 = 10; endHH1 = 23; break;
      case "2011-05-07": //Assuming "2011-05-06" is the value of 'Sat, 07 may 2011' option
          startHH1 = 0; endHH1 = 10; break;
   }
   addHoursRangeToSelect("#startHH1", startHH1, endHH1);
});

希望这会有所帮助。 干杯