2014-01-23 2 views
0

선택 항목에 <option> 요소의 색인을 표시하려고합니다. 그러나 선택한 인덱스는 경고하지 않습니다. 내가 가리키는 요소 인 <option>의 색인을 어떻게 알릴 수 있습니까?선택 호버의 색인 표시

$("#sel").hover(function (e) 
    { 
     var $target = $(e.target);   
     if ($target.is('option')) 
     { 
      var selectedindex = $(this).parent().prop('selectedIndex'); 
      if (selectedindex != 0) 
      { 
       alert(selectedindex); 
      } 
     } 
    }); 

이 옵션을

http://jsfiddle.net/poppypoop/TFDMr/1/

+3

마우스 이벤트 돈 ' 옵션을 트리거하고 선택을 타겟팅 할 때 실행되지 않습니다. 한 옵션에서 다른 옵션으로 변경하십시오. 그래서 이것은 꽤 쓸모 없습니다. 왜 이걸 필요할까요? – adeneo

+0

선택 상자 대신 여러 div로 선택 상자를 리메이크 한 다음, 마우스를 div 나 li 위에 올리면 경고 할 수 있습니다. – ntgCleaner

+0

원래 작은 설명 div를 표시하도록 계획 했었습니다 사용자가 마우스를 올리면 클릭 한 내용을 알 수 있습니다. 그러나