在选择框中的选择选项上重定向

Question

此刻我正在使用此：

<select ONCHANGE="location = this.options[this.selectedIndex].value;">

它将我重定向到选项值内的位置。但是它没有按预期工作..意味着如果我单击select的第一个选项，则onChange操作不会运行。我当时在考虑使用javascript，但我想您会收到一些更好的建议。因此，如果我单击每个选项，它将如何将我重定向到其值，该如何使其起作用？

Answer 1

因为已经选择了第一个选项，所以永远不会触发change事件。添加一个空值作为第一个值，并检查位置分配中的空值。

Answer 2

我强烈建议您从内联JavaScript转移到以下内容：

Answer 3

使用jquery使其成为全局重用函数

Answer 4

可以通过在选择控件的onchange事件上添加代码来存档。

Answer 5

<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
    <option value=""></option>
    <option value="http://google.com">Google</option>
    <option value="http://gmail.com">Gmail</option>
    <option value="http://youtube.com">Youtube</option>
</select>

Answer 6

对于不想使用内联JS的人。