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事件，然后测试所选的选项。请注意，这些事件在不同的浏览器上触发的方式不同。