选择并打开带有jquery的选择框

Question

我知道我可以使用jquery关注并选择HTML selectbox下拉列表：

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

但这只关注选择框，但它没有打开它，我仍然必须用鼠标点击select元素才能打开它。

如何通过其他活动自动打开选择框？

Answer 1

有两种方法可以做到：

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

• 或者您可以创建一个隐藏的div，select本身正下方有select个选项重复，click事件只会使该div可见，因此模拟开放下拉列表。