使用jquery将鼠标悬停在选择列表选项上时获取工具提示

时间:2011-09-22 10:02:24

标签: jquery

我需要一个jQuery插件,当我们将鼠标悬停在已启用多个选择的选择列表上时,可以将选项的文本显示为工具提示。另外,我们可以手动完成吗。如果是这样,你可以给我一些样品。

[edit]我正在使用IE 8,需要在所有浏览器[IE,Chrome,FF,Safari]中使用它。

1 个答案:

答案 0 :(得分:1)

有一些好tooltip。您可以根据自己的需要进行修改。

这是您获取当前悬停选项(jsfiddle)的方法:

HTML

<select height="2">
    <option>hello</option>
    <option>by</option>
</select>

JS

$('select option').hover( function(){ 
        console.log( 'Hover on:' + $(this).html() ) 
    }, function(){
        console.log( 'Hover off from:' + $(this).html() )
});