querySelectorAll -在两个不同的下拉菜单中隐藏多个ID选项

<select id="menu1">
  <option value="id1">选项1</option>
  <option value="id2">选项2</option>
  <option value="id3">选项3</option>
</select>

<select id="menu2">
  <option value="id4">选项4</option>
  <option value="id5">选项5</option>
  <option value="id6">选项6</option>
</select>

// 获取两个下拉菜单的DOM元素
var menu1 = document.getElementById("menu1");
var menu2 = document.getElementById("menu2");

// 使用querySelectorAll选择器来选择需要隐藏的ID选项
var hiddenOptions = document.querySelectorAll("#menu1 option[value='id2'], #menu2 option[value='id5']");

// 遍历选择的元素列表，将每个元素的样式属性设置为"display: none;"来隐藏它们
for (var i = 0; i < hiddenOptions.length; i++) {
  hiddenOptions[i].style.display = "none";
}