2011-11-27 29 views
1

我試着讓我的選定列表框的值,當我把鼠標懸停在它上面。下面的代碼在谷歌瀏覽器中運行良好,但在Internet Explorer中不起作用。有沒有辦法讓這個工作在IE中。jquery獲得列表框的值,當它懸停在它上面

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     $("#ListBox1 option").hover(
     function (e) { 
      var a = this.value; 
      alert(a); 

     }); 
    }); 
</script> 

<select name="drop1" id="ListBox1" size="4" multiple="multiple"> 
    <option value="1">item 1</option> 
    <option value="2">item 2</option> 
    <option value="3">item 3</option> 
    <option value="4">item 4</option> 
    <option value="0">All</option> 

</select> 
+0

在這種情況下,您可能需要'mouseenter',而不是'hover'。 ['hover'](http://api.jquery.com/hover/)將一個事件處理程序附加到* both * ['mouseenter'](http://api.jquery.com/mouseenter/)**和* * ['mouseleave'](http://api.jquery.com/hover/)。 –

+0

嗯,你想讓它在你選擇的選項結束時提醒,或者當你在列表框的任何部分? – mrtsherman

回答

3

你可以嘗試使用選擇列表上的jQuery的包裝,這可能會刪除瀏覽器的具體問題 -

$(document).ready(function() { 
    $("#ListBox1 option").hover(
    function (e) { 
     var a = $(this).val(); 
     alert(a); 
    }); 
}); 
0

使用方法:選擇在選擇項目時,提醒

$("#ListBox1 option:selected").hover(function() { alert(); }); 
相關問題