ドロップダウンでマウスオーバーして、選択したテキストのツールチップを表示

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'); 
 

は、すべてのドロップダウンツールチップは、すべてのドロップダウン選択したテキストを示しているようだ、私はそれをテストして、それが