2011-05-06 51 views
1

這是從Par1繼續問題。jquery從屬下拉框填充 - 第二部分

場景: 我下拉如下。

enter image description here

比方說,今天是週六,2011年5月7日上午10點

情況1:從滴上往下示出,如果用戶選擇星期五,2011 05月06小時降應含有10-23

案例2: 但是,如果用戶選擇週六,05月07日2011然後開始日期小時內滴下來應該包含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

謝謝@Edgar。我想我一定沒有解釋清楚。我們只需要從10,11 ..... 23中填入Start Hour Drop down(在您的解決方案中爲#startHH2),對於case1則填充0,1,2 ... 10。我更新了有問題的圖片,以便它只顯示1下拉。 – 2011-05-07 00:33:34

+0

@flybyte:哦,我現在明白了。我正在更新我的解決方案以滿足此要求。 – 2011-05-07 02:47:09