Select and open a selectbox with jquery

Question

I know I can focus and select an HTML selectbox drop-down with jquery:

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

But this only focuses the selectbox but it doesn't open it, I still have to click on the select-element with the mouse to open it.

How can I automatically open the selectbox by another event?

http://stackoverflow.com/questions/2895608/click-trigger-on-select-box-doesnt-work-in-jquery — Mohamed-Yousef, Apr 25 '15 at 21:59
or even better http://stackoverflow.com/a/10136523/142161 which shows a chrome only way of doing it. — drs9222, Apr 25 '15 at 22:08
http://stackoverflow.com/questions/19652085/open-dropdown-list-from-javascript-function — dekkard, Apr 25 '15 at 22:25

score 0 · Answer 1 · answered Apr 25 '15 at 22:40

There are two ways to do it:

you can either try to use MouseEvent to simulate the mousedown (https://developer.mozilla.org/en/docs/Web/API/MouseEvent + check the links in the comments)
or you can create an invisible div with select's options duplicated in it right under the select itself and upon a click event just make that div visible, thus emulating an open dropdown.

1 Answers1