Bind click event on select option

Question

I've got a problem making a click event on an HTML option element work.

Even a simple console.log('hello!'); won't work.

I am trying with this:

$('#mySelect option').bind('click', function(){
  console.log('hi!');
});

It worked for a while, but then stopped.

Answer 1

In my case following code works

$('#myItem').change(function(){
            //do somthing
})

Answer 2

You can bind using .on() by giving <select> id. In general, change is the event called upon <select>.

So, there is no need to mention option while binding event.

$(document).on('change','#mySelect', function(){<br>
    console.log('hi!');
});

OR

$('#mySelect').bind('change',function(){<br>
    console.log('hi!');
});

Answer 3

This solve the case - for my needs (to catch the event when some of the select element on my page is clicked). Have not validated touch behavior though but Firefox, Chrome seems to be OK w/ this

$('.class_for_select').focus(function() {
    // do something here
});