如何在除Firefox以外的其他所有瀏覽器中使此工作成功

Question

我有一個包含數字的選擇列表。這些數字從0到30.我想根據當前日期和用戶設置的日期之間的天數來隱藏數字。

因此，如果今天是2010年7月28日，並且他們設置了2010年7月29日，它應該只顯示「0」。

如果是2010年7月28日，他們成立2010年9月20日它應該顯示0到30

所以我有這個

var selectedDate = new Date($('#TextBox').val().replace(/\/(\d\d)$/, "/20$1")); 
    var currentDate = new Date(); 

    var month = currentDate.getMonth() + 1 
    var day = currentDate.getDate() 
    var year = currentDate.getFullYear() 

    currentDate = new Date(month + "/" + day + "/" + year); 


    if (isNaN(selectedDate) == false) 
    { 
     $('#selectList').find('select').attr('disabled', ''); 

     var diffDays = parseInt((selectedDate - currentDate)/(1000 * 60 * 60 * 24)); 

     var Options = $('#selectList').find('option'); 

     jQuery.each(Options, function (i, value) 
     { 
      var currentValue = $(this).val(); 
      if (currentValue == -1) 
      { 
       // equal to continue; 
       return true; 
      } 
      else if (currentValue >= diffDays) 
      { 
       $(this).hide(); 
      } 
      else 
      { 
       $(this).show(); 
      } 
     }); 
    } 

此代碼發生在用戶那裏的文本框的變化會選擇一個日期。

這在FireFox中正常工作，但在任何其他瀏覽器中都不起作用。我不知道爲什麼。任何瀏覽器都不顯示錯誤。

Answer 1

你根本無法隱藏/顯示<option>元素這樣的跨瀏覽器，你需要或者有備份/隱藏<select>和僅複製<option>你想每次元素，或者只是禁止你不」的<option>元素t想要被選擇，但是這會使它們可見。

克隆位將是這個樣子：

var hiddenSelect = $("#selectList").find('select').clone(); 
var selectedDate = new Date($('#TextBox').val().replace(/\/(\d\d)$/, "/20$1")); 
var currentDate = new Date(); 

var month = currentDate.getMonth() + 1 
var day = currentDate.getDate() 
var year = currentDate.getFullYear() 

currentDate = new Date(month + "/" + day + "/" + year); 


if (isNaN(selectedDate) == false) { 
    $('#selectList').find('select').attr('disabled', ''); 
    var diffDays = parseInt((selectedDate - currentDate)/(1000 * 60 * 60 * 24)); 

    var select = $('#selectList').find('select').empty(); 
    hiddenSelect.children().each(function(i, value) { 
     if (value == -1) { 
      return true; 
     } 
     else if (currentValue < diffDays) { 
      $(this).clone().appendTo(select); 
     }  
    }); 
} 

我們只是保持原有的克隆副本在一個叫hiddenSelect變量，清空（通過.empty()）從選項上可見一箇中UI和循環/克隆選項想要可以看到可見的選擇。