I have a simple HTML selectbox on my page:
<SELECT id=MySelect name=MySelect size=10>
<OPTION id='o1' name='o1'>1</OPTION>
<OPTION id='o2' name='o2'>2</OPTION>
<OPTION id='o3' name='o3'>3</OPTION>
I want to catch 'mouseover' and 'mouseout' events for each and every option listed in the box (in order to popup a tooltip DIV relevant for that option).
I know that the OPTION element doesn't support mouseover events, but I also know that it's possible to attach this event by using the attachEvent method.
I tried something like this:
but, alas, this did not work, and moving the mouse over the options in the box did not invoke the test function.
1. what am I doing wrong?
2. how can I do this right?