show dropdown

native click on the select tag.

by kontrach

HTML

<select name="" id="">
    <option value="">1</option>
    <option value="">2</option>
    <option disabled class="disabled" value="">3 (Out of Stock)</option>
    <option value="">4</option>
    <option value="">5</option>
</select>

<button onclick="__()">open dropdown</button>

CSS

/*select.hidden{
    display: none;
}*/
select{
    display:block;
    
}
button{
    position: absolute;
    top: 6px;
    left: 5px;
}
.disabled{
    color: red!important;
        
}

JavaScript

var showDropdown = function (element) {
    var event;
    event = document.createEvent('MouseEvents');
    event.initMouseEvent('click', true, true, window);
    element.dispatchEvent(event);
};

var select = document.querySelector('select');

showDropdown(select);

window.__ = function(){
    showDropdown(select);
    //$('select').focus();
}