2011-05-06 5 views
1

Par1에서 계속됩니다.Jquery 종속 드롭 다운 상자 채우기 - 방법 2 부

시나리오 : 아래에 드롭 다운되었습니다.

enter image description here

말할 수 있습니다 오늘날 2011년 5월 7일 (토) 오전 10시.

사례 1 : 사용자가 금을 선택하면 드롭 아래, 위, 2011년 5월 6일는 시간 드롭 10-23을 포함해야합니다.

Case2 : 사용자가 선택하면이 그러나, 토, 2011 07 다음 시작 날짜 시간 드롭 다운 00-10 예를 포함해야합니다. 자정부터 현재 시간.

JQuery를 사용하여 가능하다면 아무도 가이드 할 수 있습니까? 이처럼

답변

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); 
}); 

희망. 건배

+0

감사합니다. @ 에드거. 나는 분명히 설명해서는 안된다 고 생각한다. 사례 1의 경우 10,11 ..... 23이고 사례 2의 경우 0,1,2 ... 10부터 시작 시간 드롭 다운 (솔루션에서 # startHH2) 만 채워야합니다. 문제의 이미지를 업데이트하여 드롭 다운이 한 번만 표시되도록했습니다. –

+0

@flybyte : 오, 이제 이해합니다. 이 요구 사항을 충족 시키려면 솔루션을 업데이트하고 있습니다. –