Как переключать видимость, когда пользователь делает выбор

Question

У меня есть форма выбора с несколькими вариантами. У меня также есть div, который я бы хотел показывать ТОЛЬКО при выборе определенного параметра. Не могли бы вы, ребята, указать мне правильное направление? Что было бы проще всего для этого использовать?

Спасибо:)

Answer 1

Вот простое и не 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>

Answer 2

jQuery - мощная библиотека JavaScript, которая делает задачу такого рода тривиальной. Вот пример того, что вы пытаетесь сделать, используя его: jQuery - использование переключателя для отображения / скрытия div.