javascript - 如何通过'onmouseover'删除选择列表？

Question

如何使用 onmouseover 下拉选择列表而不是单击它。无法在 javascript 中单击选择列表来模拟它。例如：onmouseover="(this.click())"

同样在 javascript 中设置“选择列表的大小”=“它的长度”并不能准确地模拟点击事件，因为相邻的布局发生了变化。我尝试使用 z-index 和 position 属性，但没有帮助。

Answer 1

这是来自一个古老的 devshed 帖子的巧妙技巧

选择框展开 onMouseOver - Dev Shed

这是一个实际的例子：

http://jsfiddle.net/87nyG/1

---

就个人而言，我更喜欢 3rd 方或自定义解决方案，而不是破解<select>元素

Answer 2

它可能会有所帮助：https ://developer.mozilla.org/en/DOM/event.initMouseEvent

编辑。不，它没有:(

Answer 3

使用本机 HTML Select 无法完成您要求的操作。您必须搜索第三方选项。

看看这里的可能性：http: //jquery.sanchezsalvador.com/page/jquerycombobox.aspx

Answer 4

刚遇到这个问题。我知道它已经被回答了，但是如果有人来这里寻找更优雅的解决方案，你可以用 jquery 做到这一点：

$("#select_id").hover(
    function(){
        $(this).attr('size',13); //My select had months, so 13 was appropriate. obviously you can change this
        $(this).css('position','absolute'); //prevents sibling elements from being pushed down
    },
    function(){
        $(this).attr('size',0); //resets select on mouseout
    }
);

这将防止“破解” selectHTML 中的标签。