Why does Firefox react differently from Webkit and IE to “click” event on “select” tag?

by

Why not work with onchange event?

$("#sel").change(function(){
    $('body').append("<br/> Option changed");
});

Here is the fiddle

But it won’t fire an even when selection is the same. Work around is to use a plugin like Chosen as suggested in another answer.

EDIT: Philosophically speaking select element is not meant for such functionality. change event suffices for most use cases related to select tags. The functionality that you desire, that is to know if a user has made a selection over the element (even if it hasn’t change), doesn’t fit the functional model of the select tag. Logically nobody would want to click on a select element if he/she doesn’t want to change the selection.

To fit your requirement, you can give a Go button besides your select tag and call the same function onclick that you would normally do with the onchange event of select element. Otherwise give a hovercard/hover-menu instead of select.

More Related Contents:

  1. Can I force a link to open in a specific browser?
  2. ‘innerText’ works in IE, but not in Firefox
  3. Maximum call stack size exceeded error
  4. Do HTML5 custom data attributes “work” in IE 6?
  5. How does the paste image from clipboard functionality work in Gmail and Google Chrome 12+?
  6. onchange event on input type=range is not triggering in firefox while dragging
  7. ES2015 import doesn’t work (even at top-level) in Firefox
  8. Input placeholders for Internet Explorer
  9. Video auto play is not working in Safari and Chrome desktop browser
  10. How can I prevent the backspace key from navigating back?
  11. How to start automatic download of a file in Internet Explorer?
  12. How to getting browser current locale preference using javascript?
  13. How to use CSS (and JavaScript?) to create a blurred, “frosted” background?
  14. Open IE browser in Firefox/Chrome page
  15. Save base64 string as PDF at client side with JavaScript
  16. How does facebook rewrite the source URL of a page in the browser address bar?
  17. How to automatically allow blocked content in IE?
  18. Animated gif only loops once in Chrome and Firefox
  19. event.offsetX in Firefox
  20. “pointer-events: none” does not work in IE9 and IE10
  21. Changing the type in IE with JavaScript
  22. Is “localStorage” in Firefox only working when the page is online?
  23. Why aren’t Safari or Firefox able to process audio data from MediaElementSource?
  24. img onload doesn’t work well in IE7
  25. How to disable elements selection and resizing in contenteditable div?
  26. Is there a way to use the Web Audio API to sample audio faster than real-time?
  27. HTML5 drag and drop folder detection in firefox. Is it even possible?
  28. New Webkits convert decimal comma to ~ dot and vice versa in number-type inputs. Javascript name of that browser feature?
  29. Emulate clicking a link with Javascript that works with IE
  30. Showing Placeholder text for password field in IE

Leave a Comment