選択後のドロップダウンのテキストを読む方法

Question

複数のドロップダウンがあり、それぞれのドロップダウンにマウスを移動すると、その特定のドロップダウンのタイトルをselextedテキストに変更し、タイトルのアラートメッセージを表示します。 どうすればいいですか？

<div> 
<select class="homepage" > 
    <option>No Match</option> 
    <option value="A">Test A</option> 
    <option value="B">Test B</option> 
    <option value="C">Test C</option> 
</select> 
</div> 
<div> 
<select name="homepage"> 
    <option>No Match</option> 
    <option value="1">Test 1</option> 
    <option value="2">Test 2</option> 
    <option value="3">Test 3</option> 
</select> 
</div> 
<div> 
<select class="homepage"> 
    <option>No Match</option> 
    <option value="J">Test J</option> 
    <option value="K">Test K</option> 
    <option value="L">Test L</option> 
</select>  
</div> 

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

    }); 

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

    $(".homepage").OnMouseOver() 
    { 
     .... 
    } 

Answer 1

してみてください。.homepageドロップダウンから：（選択したので、）オプションとドロップダウンのタイトル属性を移入

$('.homepage').change(function() { 
    $(this).attr('title',text($(this).find(":selected").text())); 
    }); 

これは、選択を取得します。

注：これは、1つの選択が複数選択ではないことを前提としています。

Pekka：タイトルは現在選択されているアイテムとは大きく異なります。 title属性は、ツールチップなどの多くの用途に使用でき、表示される属性ではありません。

デーブ