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

Вероятно, самый безопасный подход - использовать событие onchange элемента select и использовать его значение для определения действия, которое нужно предпринять. Я не думаю, что onclick также работает с опциями в IE.

Answer 3

Двойные кавычки внутри атрибутов onclick не должны быть одинарными?

Answer 4

Onclick не будет работать так, как вы пытаетесь заставить его работать, и вам придется учитывать различия в том, как браузеры работают с объектом select. Я бы посоветовал вам использовать событие onchange для объекта select, а затем проверить выбранную опцию. Обратите внимание, что эти события запускаются по-разному в разных браузерах.