使用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可見，從而模擬一個打開的下拉列表。