jQuery click event not working on option element

Question

Why doesn't the following code work?

$('select option').live('click', function(){
  alert('hello')
})

html:

<select class="ok">
<option>5</option>
</select>

EXAMPLE: http://jsfiddle.net/fQxj7/2/

Your example fiddle works fine for me... I'm using Firefox 5 on Ubuntu 11.04. What are you using? — Spycho
– Spycho, Commented Aug 16, 2011 at 14:55
While FishBasketGordo's approach works, this still begs the question as to why yours doesn't. It works on FF and "click" is a valid event for <option>. — Diodeus - James MacFarlane
– Diodeus - James MacFarlane, Commented Aug 16, 2011 at 14:59
@Spycho - yes it worked with Firefox 5 to top, but not work for Chrome.!!!!!!? — Sheikhasa Mozali
– Sheikhasa Mozali, Commented Aug 16, 2011 at 17:25

FishBasketGordo · Accepted Answer · 2011-08-16 15:00:30Z

5

Do this instead:

$('select').change(function(){
    alert('hello');
});

If you need to know the selected value inside the event handler, then you can do this:

$('select').change(function() {
    var selectedOption = $(this).val();
});

answered Aug 16, 2011 at 14:55

FishBasketGordo

23.2k4 gold badges60 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

That's a much better approach, but it doesn't explain why the OP's present solution doesn't work. Does their fiddle work for you? It does for me...

I don't believe that click events get fired for <option> tags across all browsers.

I agree, but I believe it is supposed to.

please give me example wit HTML5?

|