如何閱讀選擇後的下拉列表的文本

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').change(function() { 
    $(this).attr('title',text($(this).find(":selected").text())); 
    }); 

這將獲取所選：從.homepage下拉（因此選擇的）選項和填充下拉的title屬性。

注意：這裏假設一個選擇而不是多選。

Pekka：標題與當前選定的項目非常不同。 title屬性可以用於多種用途，例如工具提示，並且不是顯示的屬性。

Dave