下拉菜单的 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/