How to trigger select option using jquery?

Question

I cant find a way to just trigger select option to just show the dropdown list only. I know how to set a val for select but i just need to show the dropdown.

I want to just show the dropdown list, keep it open.

If you mean you want to programmatically make a `select` element show the list of `option`, you can't. To do this you would need to use a select styling plugin. — Rory McCrossan, Jul 15 '14 at 09:30
@user3840211 See my answer. http://stackoverflow.com/a/24754783/3834143 — Jacques Marais, Jul 15 '14 at 09:39
@RoryMcCrossan Actually it is possible: http://stackoverflow.com/a/24754783/3834143 — Jacques Marais, Jul 15 '14 at 09:39
refer this So ,http://stackoverflow.com/questions/360431/can-i-open-a-dropdownlist-using-jquery — dreamweiver, Jul 15 '14 at 09:52

score 0 · Accepted Answer · edited May 23 '17 at 11:57

It's possible with some tricky code.

$(document).ready(function() {
    open($('select'));
});

function open(elem) {
    if (document.createEvent) {
        var e = document.createEvent("MouseEvents");
        e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        elem[0].dispatchEvent(e);
    } else if (element.fireEvent) {
        elem[0].fireEvent("onmousedown");
    }
}

See this JSFiddle

From: Simulate click on select element with jQuery

How to trigger select option using jquery?

1 Answers1