jquery 将鼠标悬停在列表框上时获取列表框值

Question

当我将鼠标悬停在所选列表框上时，我试图获取它的值。下面的代码在 google crome 中运行良好，但在 Internet Explorer 中不起作用。有没有办法让它在 IE 中工作。

 <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>

Answer 1

您可以尝试在选择列表上使用 jQuery 包装器，这可能会消除浏览器特定的问题 -

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

Answer 2

使用 :selected 在超过所选项目时发出警报

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