从select元素中选择选项时，控制台日志将加倍

Question

所以，我有这个选择元素或下拉菜单。每当我选择一个选项时，它都会记录两次文本。我的问题是，每当我选择一个选项时，我怎么能一次性接受文本。

menuType = document.getElementById("menu-type");
menuType.addEventListener("click", function () {
var option = menuType.options[menuType.selectedIndex].text;
console.log(option);
});

<select id="menu-type">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>

Answer 1

使用change事件而不是click。

menuType = document.getElementById("menu-type");
menuType.addEventListener("change", function () {
var option = menuType.options[menuType.selectedIndex].text;
console.log(option);
});

<select id="menu-type">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>