鼠标悬停在下拉列表中，显示所选文本的工具提示

Question

我有5个下拉列表，我想在每个列表上都有一个工具提示，这样当用户将鼠标悬停在任何下拉列表上时，会出现一个工具提示，显示所选文本。

<select name="dropdn" class="mydpdn">
    <option>Loading...</option>
</select>

我正在尝试使用jquery.dimensions.js和jquery.tooltip.js。任何人都可以给我一个例子。

Answer 1

这样的事可能有用：

$("select").tooltip({
    left: 25,
    bodyHandler: function(){
        return $('.mydpdn').attr('title');
    }
});

$('.mydpdn').bind('change', function(e){
    var newTitle='';
    $(".mydpdn option:selected").each(function () {
        newTitle+= $(this).text() + " ";
    });
    $(this).attr('title', newTitle);
});

$('.mydpdn').trigger('change');

希望有所帮助