加载预选选项时隐藏和显示表单元素

<label for="option">选择选项：</label>
<select id="option" onchange="toggleFormElement()">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

<div id="formElement1" style="display: none;">
  <!-- 需要隐藏的表单元素1 -->
</div>

<div id="formElement2" style="display: none;">
  <!-- 需要隐藏的表单元素2 -->
</div>

<div id="formElement3" style="display: none;">
  <!-- 需要隐藏的表单元素3 -->
</div>

function toggleFormElement() {
  var option = document.getElementById("option").value;
  
  // 隐藏所有表单元素
  document.getElementById("formElement1").style.display = "none";
  document.getElementById("formElement2").style.display = "none";
  document.getElementById("formElement3").style.display = "none";
  
  // 根据选择的选项显示对应的表单元素
  if (option === "option1") {
    document.getElementById("formElement1").style.display = "block";
  } else if (option === "option2") {
    document.getElementById("formElement2").style.display = "block";
  } else if (option === "option3") {
    document.getElementById("formElement3").style.display = "block";
  }
}