如何根据来自两个组合框的输入隐藏/取消隐藏子窗体？

<select id="combo1">
  <option value="hide">隐藏子窗体</option>
  <option value="show">显示子窗体</option>
</select>

<select id="combo2">
  <option value="hide">隐藏子窗体</option>
  <option value="show">显示子窗体</option>
</select>

// 获取组合框元素
var combo1 = document.getElementById("combo1");
var combo2 = document.getElementById("combo2");

// 监听组合框值的变化
combo1.addEventListener("change", toggleSubForm);
combo2.addEventListener("change", toggleSubForm);

// 根据组合框的值隐藏或显示子窗体
function toggleSubForm() {
  var combo1Value = combo1.value;
  var combo2Value = combo2.value;
  
  if (combo1Value === "hide" && combo2Value === "hide") {
    // 隐藏子窗体的逻辑
    // 例如，可以通过修改子窗体的CSS样式来隐藏它
    document.getElementById("subForm").style.display = "none";
  } else {
    // 显示子窗体的逻辑
    // 例如，可以通过修改子窗体的CSS样式来显示它
    document.getElementById("subForm").style.display = "block";
  }
}

<div id="subForm">
  <!-- 子窗体的内容 -->
</div>