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

Question

我知道我可以使用 jquery 聚焦并选择一个 HTML 选择框下拉列表：

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

但这只是聚焦选择框而没有打开它，我仍然需要用鼠标点击选择元素才能打开它。

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

Answer 1

有两种方法：

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

• 或者您可以创建一个不可见的 div，其中 select 的选项在 select 本身的正下方复制，并在 click 事件上使该 div 可见，从而模拟一个打开的下拉菜单。