如何根据Html和Javascript中的文本输入和下拉选择来显示/隐藏

<input type="text" id="textInput">
<select id="selectInput">
  <option value="show">显示</option>
  <option value="hide">隐藏</option>
</select>

var textInput = document.getElementById("textInput");
var selectInput = document.getElementById("selectInput");

textInput.addEventListener("input", toggleElementVisibility);
selectInput.addEventListener("change", toggleElementVisibility);

function toggleElementVisibility() {
  var value = textInput.value;
  var option = selectInput.value;

  if (value === "" && option === "hide") {
    // 隐藏元素
    document.getElementById("elementToToggle").style.display = "none";
  } else {
    // 显示元素
    document.getElementById("elementToToggle").style.display = "block";
  }
}

<div id="elementToToggle" style="display: none;">
  这是需要显示/隐藏的元素。
</div>