Question

我有多个下拉列表，当我将鼠标悬停在每个下拉列表上时，我想将该特定下拉列表的标题更改为带有内容的文本，并显示标题的警告消息。我怎么能这样做？

    <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属性可用于多种用途，例如工具提示，而不是显示的属性。

戴夫

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

1 个答案: