使用jQuery选择并打开一个选择框

Question

我知道我可以集中精力并使用jquery选择一个HTML selectbox下拉列表：

<script>
    $('#otherbox').on('change', function() {
        $("#selbox").focus();
        $("#selbox").select();
    });
</script>

但这仅聚焦于选择框，但没有将其打开，我仍然必须用鼠标单击选择元素以将其打开。

如何通过另一个事件自动打开选择框？

Answer 1

有两种方法可以做到这一点：

• 您可以尝试使用MouseEvent模拟mousedown （ https://developer.mozilla.org/en/docs/Web/API/MouseEvent +检查注释中的链接）

• 或者，您也可以创建一个不可见的div，在select本身的正下方复制有select的选项，然后在click事件时使该div可见，从而模拟一个打开的下拉列表。