선택 후 드롭 다운의 텍스트를 읽는 방법

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())); 
    }); 

이 선택한를 가져옵니다.

참고 : 하나의 선택이 다중 선택이 아니라고 가정합니다.

Pekka : 제목은 현재 선택한 항목과 매우 다릅니다. title 속성은 툴팁과 같은 여러 용도로 사용될 수 있으며 표시되는 속성이 아닙니다.

데이브