用于下拉菜单的JavaScript onmouseover

Question

是否可以使用JavaScript在每个选择的下拉菜单中添加悬停消息？

我会使用类似document.getElementById('name_of_html_id')之类的内容，然后选择其中一个选项吗？

如何遍历我将使用onmouseover

的每个HTML选项

Answer 1

只需添加标题属性，例如

<select id="xMySelect">
    <option title="Hovered aaaaaaaaaaa">aaaaaaaaaaa</option>
    <option title="Hovered bbbbbbbbbbb">bbbbbbbbbbb</option>
</select>

演示：http://jsfiddle.net/b7F7T/1/

或者使用JS：

var sel = document.getElementById("xMySelect");

sel.options[0].setAttribute('title', 'hovered item 1');
sel.options[1].setAttribute('title', 'Second item hovered');

演示2：http://jsfiddle.net/b7F7T/3/