Eureka:如何通过onchange函数更改隐藏或不隐藏的行

<select id="mySelect" onchange="changeVisibility()">
  <option value="hide">隐藏行</option>
  <option value="show">显示行</option>
</select>

function changeVisibility() {
  var selectElement = document.getElementById("mySelect");
  var selectedOption = selectElement.value;
  
  var rowElement = document.getElementById("myRow"); // 假设要操作的行的id为myRow
  
  if (selectedOption === "hide") {
    rowElement.style.display = "none"; // 隐藏行
  } else if (selectedOption === "show") {
    rowElement.style.display = "table-row"; // 显示行
  }
}