选择select下拉菜单选项时console.log输出重复的问题如何解决

你遇到的重复打印问题是因为绑定了click事件：点击<select>元素展开下拉菜单时会触发第一次click事件，点击选中具体选项时会触发第二次click事件，因此会两次打印选中内容。

直接将监听的事件类型从click替换为change即可，change事件仅在选中的选项发生变更时触发一次，完全匹配需求，原有HTML代码无需修改。

修正后的JavaScript代码如下：

// 补充变量声明，避免意外创建全局变量
const menuType = document.getElementById("menu-type");
menuType.addEventListener("change", function () {
  var option = menuType.options[menuType.selectedIndex].text;
  console.log(option);
});

内容的提问来源于stack exchange，提问作者CJ Velasco