如何在用户进行选择时切换可见性

Question

我有一个包含多个选项的选择表单。我还有一个div，我只想在选择特定选项时显示。你们能指出我正确的方向吗？什么是最容易使用的东西？

谢谢：）

Answer 1

jQuery是一个强大的JavaScript库，使这种任务变得微不足道。以下是您尝试使用它的示例：jQuery - Using the radio button to show/hide a div.

Answer 2

这是一个简单的非jQuery解决方案

window.onload=function() {
  var sel = document.getElementById("sel1");
  sel.onchange=function() {
     document.getElementById("otherDiv").style.display=(this.value=="other")?"":"none";
  }
  sel.onchange(); // set the visibility onload too in case of reload
}

<select id="sel1">
.
.
.
<option value="other">Other</option>
</select>
<div id="otherDiv">Other options</div>