Onclick在Chrome中不起作用

Question

    <select class="input" style="width:200px">
        <option>---</option>
        <option onclick="window.location="link.php">one</option>
        <option onclick="window.location="link2.php"">two</option>
    </select>

它不适用于chrome，它适用于opera / mozilla等。 有什么建议？

Answer 1

<select class="input" onchange="window.location.href = this.value" style="width:200px">
        <option>---</option>
        <option value="link.php">one</option>
        <option value="link2.php">two</option>
    </select>

我知道它不完全一样......但是在选择列表的选项上有一个点击事件并不是一个好习惯。 而不是onchange，你也可以onclick ...但在我看来，onchange真的是这样做的方式。

Answer 2

可能最安全的方法是使用select元素的onchange事件，并使用其值来确定要采取的操作。 我不认为onclick适用于IE中的选项。

Answer 3

onclick属性中的双引号是不是单引号？

Answer 4

onclick不会像你试图让它工作一样工作，你将不得不考虑浏览器处理select对象的方式的差异。 我建议你在select对象上使用onchange事件，然后测试所选的选项。 请注意，这些事件在不同的浏览器上触发不同