How to select of hidden selectElement

focusselect.html

<a href="javascript:void(0);">menu</a>
<select style="display:none">
<option value="home">home</option>
<option value="about">about</option>
</select>

<script>
var select = document.querySelector("select")
document.querySelector("a").addEventListener('click', function(){
    select.style.display = "";
    select.focus();
    select.style.display = "none";
});
</script>