How to add event listener to an option inside a select box?

Asked Nov 10 '14 at 19:08

Active Nov 10 '14 at 19:10

Viewed 48 times

Let's say I have a select box

<select id="cartoons'>
 <option>Pogo</option>
 <option>Cartoon network</option>
</select>

I'm trying to add a mouseenter event to the second option like this

$("#cartoons").children().last().on("mouseenter", function () {
    alert("Hello world");
});

But it's not working. Fiddle here.

edited Nov 10 '14 at 19:10

Huangism

asked Nov 10 '14 at 19:08

Divyanth Jayaraj

3

**You don't!**, options don't fire mouse events in all browsers, that's why you never attach mouse events to the options. – adeneo Nov 10 '14 at 19:11
Might an "onselect" event be more appropriate for what you are doing? – Casey Rule Nov 10 '14 at 19:14
But I want that event fired when I select that option. Is there a workaround? – Divyanth Jayaraj Nov 10 '14 at 19:14
1

All select elements have a `change` event, that's what you should be using to capture a selection, not mouseenter ? – adeneo Nov 10 '14 at 19:15

0 Answers0