将鼠标悬停在它上面时，jquery获取列表框值答案

【问题标题】：jquery get listbox value when hovered over it将鼠标悬停在它上面时，jquery获取列表框值
【发布时间】：2012-09-06 04:36:19
【问题描述】：

当我将鼠标悬停在选定的列表框上时，我正在尝试获取它的值。下面的代码在 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>

【问题讨论】：

在这种情况下，您可能需要mouseenter，而不是hover。 hover 将事件处理程序附加到 both mouseenter 和 mouseleave。
嗯，您希望它在您超过所选选项时发出警报，还是在您超过列表框的任何部分时发出警报？

标签： jquery internet-explorer cross-browser

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

使用 :selected 在选中项目时发出警报

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

【讨论】：