javascript - onclick 重定向到不同的 url

Question

我正在创建一个下拉菜单，将用户推送到选定的 url。在列表中，我有几个设置为 0 的值，用于列表中的标题。我已将它们设置为 0，因此它们什么都不做。

这适用于列表中值为 0 的第一个，但其他值为 0 的仍然会将浏览器重定向到具有相同域和/0 最后的新网站？我错过了什么？

<select onchange="if (this.selectedIndex > 0) document.location.href=this.value;">
<option value="0" selected="selected">More...</option>
<option value="0">----- Locations  -----</option>
<option value="http://www.location1.com/">location1</option>
<option value="http://www.location2.com/">location2</option>
<option value="http://www.location3.com/">location3</option>
<option value="0">----- Other Locations  -----</option>
<option value="http://www.olocation1.com/">olocation1</option>
<option value="http://www.olocation2.com/">olocation2</option>
<option value="http://www.olocation3.com/">olocation3</option>
</select>

Answer 1

将您的代码更改为:

<select onchange="if (this[this.selectedIndex].value !== '0') document.location.href=this.value;">
<option value="0" selected="selected">More...</option>
<option value="0">----- Locations  -----</option>
<option value="http://www.location1.com/">location1</option>
<option value="http://www.location2.com/">location2</option>
<option value="http://www.location3.com/">location3</option>
<option value="0">----- Other Locations  -----</option>
<option value="http://www.olocation1.com/">olocation1</option>
<option value="http://www.olocation2.com/">olocation2</option>
<option value="http://www.olocation3.com/">olocation3</option>
</select>​

演示:http://jsfiddle.net/pratik136/kWHXX/

为什么？

您的代码:

onchange="if (this.selectedIndex > 0) document.location.href=this.value;"

正在检查列表中所选选项 的索引。现在因为列表索引从 0 开始，所以当选择第一个(或第 0 个^th 索引)项目时，您会得到预期的结果。但是所有其他项目都通过了 selectedIndex > 0 测试并被重定向。

使用

onchange="if (this[this.selectedIndex].value !== '0') document.location.href=this.value;"

基本上检查所选 index 的 value，如果 value !== '0'，它会重定向到它。