element.click()无法处理select元素

Question

如果单击try按钮，不应该显示选项吗？

<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

不幸的是，您无法做到这一点。我建议当你点击按钮时，它会变为下一个选项。

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