Onclick không hoạt động trong 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> 

Nó không hoạt động trong chrome, nó hoạt động trong opera/mozilla v.v. Lời khuyên nào?

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> 

Tôi biết không chính xác như vậy ... nhưng có sự kiện nhấp vào tùy chọn danh sách lựa chọn không phải là thực tiễn tốt. Thay vì onchange, bạn có thể có onclick là tốt ... nhưng onchange thực sự là cách để làm điều này, theo ý kiến ​​của tôi.

Answer 2

Dấu ngoặc kép trong các thuộc tính onclick không có nghĩa là dấu nháy đơn?

Answer 3

Có lẽ cách tiếp cận an toàn nhất là sử dụng sự kiện trao đổi của phần tử chọn và sử dụng giá trị của nó để xác định hành động cần thực hiện. Tôi không nghĩ onclick hoạt động cho tùy chọn trong IE, một trong hai.

Answer 4

Onclick sẽ không hoạt động theo cách bạn đang cố gắng làm cho nó hoạt động và bạn sẽ phải tính đến sự khác biệt trong cách trình duyệt xử lý đối tượng select. Tôi khuyên bạn nên sử dụng sự kiện onchange trên đối tượng select, sau đó kiểm tra tùy chọn đã chọn. Lưu ý rằng các sự kiện này sẽ phát sinh khác nhau trên các trình duyệt khác nhau.