Hành vi của Firefox/Internet explorer bằng cách chọn/đánh dấu một mục trong thẻ chọn

Question

Tôi nhận thấy rằng trong firefox, khi bạn nhấp vào mũi tên để mở thẻ 'chọn' của menu thả xuống, sau đó chỉ một tùy chọn, hàng được đánh dấu trong nền màu xanh như tôi mong đợi, đó là OK.

Nhưng trong Internet Explorer, khi bạn bấm vào tùy chọn bạn muốn chọn và nó sẽ trở thành tùy chọn đã chọn, đánh dấu màu xanh vẫn còn cho đến khi bạn nhấp vào một nơi khác bên ngoài thẻ chọn.

Có cách nào để thay đổi hành vi đó không?

Answer 1

Một cách là sử dụng JavaScript. Tôi đã sử dụng jQuery để làm cho nó dễ dàng hơn: JSFiddle example.

$('select').change(function() { 
    $(this).blur(); 
}) 

Điều này sẽ xóa tiêu điểm khỏi phần tử khi chọn một tùy chọn.

Để làm JavaScript thuần túy này, bạn sẽ sử dụng onchange.

Answer 2

Tôi đã gặp sự cố này và sử dụng giải pháp của James Donnelly nhưng cũng muốn ngăn nổi bật nếu tùy chọn hiện tại được chọn (thử James 'jsfiddle trong IE hoặc xem nhận xét của wilsonrufus).

Đưa một handler nhấp chuột vào các tùy chọn dường như để có được xung quanh rằng:

var select = $('select'); 

select.change(function() { 
    select.blur(); 
}) 

$('select option').click(function() { 
    select.blur(); 
}) 

Answer 3

này sẽ chăm sóc chọn một tùy chọn mới cũng như cách chọn tùy chọn tương tự:

$('select > option').click(function() { 
    $(this).parent().blur(); 
})