如何动态显示与select选项相关的输入字段的值

<select id="mySelect" onchange="showInputField()">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<input type="text" id="inputField" style="display: none;">

function showInputField() {
  var selectValue = document.getElementById("mySelect").value;
  var inputField = document.getElementById("inputField");

  if (selectValue === "option1") {
    inputField.style.display = "none"; // 隐藏输入字段
  } else {
    inputField.style.display = "block"; // 显示输入字段
  }
}