Jquery select events

Question

Hi everyone,

i am working with a select. I want to trigger and event when the user select a value.

I am using the event "change", the problem is that if a user open the select but choose the same option that is selected, the triggers doesn't fire.

Is there a way to capture the event when a user select an option independently if the option is the same than is the one that was selected?

thanks.

Answer 1

I'm not sure whether it's a cross-browser solution but something like this:

$("#mySelect option").click(function() {
    // do sth
});

Works well in Opera/Firefox.

Answer 2

I think the option you need is "click" instead of change.

Answer 3

You can catch both the change and click events using the bind method. This should allow you to catch most keyboard and mouse interactions

$('selector').bind('click change',function() {})