element.click() not working on select element

Question

If the try button is clicked should not the options be appeared?

 <select id='test1'> <option>Option_1</option> <option>Option_2</option> <option>Option_3</option> </select> <button onclick='test1();'>try</button> <script> function test1() { document.getElementById('test1').click(); } </script>

Answer 1

Unfortunately you can't do that. I suggest when you click the button, it changes to the next option.

function test1() {
    let el = document.getElementById('test1');
    let selectedIndex = el.selectedIndex;
    el.selectedIndex = selectedIndex + 1 === el.options.length ? 0 : selectedIndex + 1
}