JSFiddle - React, Tailwind, and code Playground

HTML

<select id="myselect">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
</select>
<div id="keyOpen"></div>
<div id="keyClose"></div>

JavaScript

$(document).keyup(function(e){
    if(e.which >= 48 && e.which <= 57){
        $("#myselect").click();//this should open the select
        $("#keyOpen").empty().text(e.which);
    }else if(e.which >= 58 && e.which <= 90){
        $("#myselect").trigger("click");//this should close the select
        $("#keyClose").empty().text(e.which);
    }
});