how to add onmouseover event javascript?

Question

In my html page i have drop-down list box.
I need to add onmouseover event dynamically via javascript for all option tag under my select tag. I'm using prototype.js
how to do this?

<select id="dash_key" name="dash_key">
    <option value="cginterval">Hosts and Applications</option>
    <option value="vsat">VSAT</option>
    <option value="LinkLayer">Link Layer Activity</option>
    <option value="protocols ">Protocols and Hosts</option>
    <option value="subnets">Hosts and Subnets</option>
    <option value="Netflow">Netflow Sources</option>
</select>

Please add some code, so we know what IDs, classes etc. we can use. Have you tried anything yourself, yet? — Smamatti
– Smamatti, Commented Nov 14, 2011 at 11:50
<select id="dash_key" name="dash_key"> <option value="cginterval">Hosts and Applications</option> <option value="vsat">VSAT</option> <option value="LinkLayer">Link Layer Activity</option> <option value="protocols ">Protocols and Hosts</option> </select> — Dhinesh Kumar
– Dhinesh Kumar, Commented Nov 14, 2011 at 11:52
Can you explain what you want to achieve with separate events? I'm thinking if onchange on the select might be an alternative. — Smamatti
– Smamatti, Commented Nov 14, 2011 at 11:56

Quentin · Accepted Answer · 2011-11-14 11:51:07Z

2

Use the observe method.

Event.observe(element, "mouseover", handler)

… but note that browser support for mouseover events on option elements is probably very limited.

answered Nov 14, 2011 at 11:51

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

1 Comment

OptimusCrime Over a year ago

Why don't you try? And yes, I think so.

Collectives™ on Stack Overflow

how to add onmouseover event javascript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related