Javascript忽略空下拉列表值

我一直在尝试多种方法来获得一个下拉搜索函数来排除空值。例如，我有以下代码和一些空行（即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>

选择要搜索的州/省
加拿大
-马尼托巴省
美国
-加州
document.getElementById（“state”）.onchange=function（）{
if（this.selectedIndex！==0&&this.selectedIndex！==“”&&this.selectedIndex！==null）{
window.location.href=this.value；
}        
};

您正在测试这个。selectedIndex，它永远不会是空字符串，因为它的值是一个数字。改为测试

此.value

：

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