JavaScript忽略空白下拉值

Question

我一直在嘗試多種方式來獲取下拉搜索功能來排除空值。例如，我用下面的代碼用一些空白行（即value =「」）來允許每個國家/地區組分開。問題是，無論我做什麼頁面刷新時，我點擊這些空值。我試圖用if語句排除它們，但那不起作用。由於此內容是動態加載的，因此我不能只計算它。任何幫助將不勝感激，因爲我是Javascript的新手。

謝謝！

<select id="state"> 
    <option value="">Select a State/Province to Search</option> 
     <option value=""></option> 
     <option value="http://www.cabcot.com/listings/canada/">Canada</option> 
      <option value="http://www.cabcot.com/listings/canada/manitoba/"> - Manitoba</option> 
     <option value=""></option> 
     <option value="http://www.cabcot.com/listings/united-states/">United States</option> 
     <option value="http://www.cabcot.com/listings/united-states/california/"> - California</option> 
</select> 

<script> 
    document.getElementById("state").onchange = function() { 
     if (this.selectedIndex!==0 && this.selectedIndex!=="" && this.selectedIndex!==null) { 
      window.location.href = this.value; 
     }   
    }; 
</script> 

Answer 1

您正在測試this.selectedIndex，這將永遠是一個空字符串，因爲它的值是一個數字。測試this.value改爲：

document.getElementById("state").onchange = function() { 
    if (this.value != "") { 
     window.location.href = this.value; 
    }   
};