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

-2

我有多個下拉列表，並將鼠標移到每個下拉列表上時，我想將該特定下拉列表的標題更改爲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() 
    { 
     .... 
    }

來源

2012-01-11 learning

'我想將特定下拉列表的標題改爲selexted文字'是不是默認行爲？ – 2012-01-11 09:06:43

不知道..是嗎？ – learning 2012-01-11 09:08:11

運行您的代碼並找出 – 2012-01-11 09:10:50

嘗試：

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

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

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

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

Dave

來源

2012-01-11 09:24:49 detheridge02

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

回答

相關問題