Jquery 选择后如何阅读下拉列表的文本

我有多个下拉列表，当我把鼠标放在每个下拉列表上时，我想把这个特定下拉列表的标题改为自编文本，并显示标题的警告消息。 我该怎么做

    <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()
    {
        ....
    }

没有对手
测试A
测试B
测试C
没有对手
测试1
测试2
测试3
没有对手
测试J
测试K
测试L
$（'.homepage）.bind（'change'，函数（e）{
var newTitle=''；
$（“.homepage选项：选中”）.each（函数（）{
$（this.attr（'title'，$（this.text（））；
}); 
}); 
$（'.homepage.trigger（'change'）；
$（“.homepage”）.OnMouseOver（）
{
....
}

试试：

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

这将从.homepage下拉列表中获取selected（因此：selected）选项，并填充下拉列表的title属性

注意：这假设是单选而不是多选

佩卡：标题与当前选定的项目非常不同。“标题”属性可用于多种用途，例如工具提示，并且不是显示的属性

---

Dave

我想将特定下拉列表的标题更改为所选文本

这不是默认行为吗？不是。我的实际代码不起作用。下拉菜单将始终显示所选项目的值，至少在我知道的所有操作系统上。如果这不是你的意思，你的意思是什么？我的问题是：我想将特定下拉列表的标题更改为所选文本，并在鼠标悬停时显示标题的警告消息。我希望所有的下拉列表都是这样。在我的问题中，我只有3个下拉列表，但实际上我的页面上有大约10个下拉列表。那么你在问什么呢？

alert（）

语法？如何在鼠标悬停时绑定事件？