Такая у меня задача, думаю для спеца простенькая...
У меня есть выпадающее меню, SELECT, и несколько вариантов. Как сделать так, чтобы при выборе Меню 2 скрытый DIV показывался, а при выборе любого другого ничего не происходило? (и по умолчанию он должен быть скрыт)
Вот код:
<body>
<script type="text/javascript">
function hiddenLayer() {
document.getElementById("swindow").style.visibility = "hidden";
}
function showLayer() {
document.getElementById("swindow").style.visibility = "visible";
}
</script>
<select>
<option>Меню 1</option>
<option>Меню 2</option> //при выборе этого пункта div должен показаться
<option>Меню 3</option>
<option>Меню 4</option>
</select>
<div id="swindow" style="visibility: hidden">
Текст, который должен показаться при выборе второго пункта
</div>
</body>
У меня есть выпадающее меню, SELECT, и несколько вариантов. Как сделать так, чтобы при выборе Меню 2 скрытый DIV показывался, а при выборе любого другого ничего не происходило? (и по умолчанию он должен быть скрыт)
Вот код:
<body>
<script type="text/javascript">
function hiddenLayer() {
document.getElementById("swindow").style.visibility = "hidden";
}
function showLayer() {
document.getElementById("swindow").style.visibility = "visible";
}
</script>
<select>
<option>Меню 1</option>
<option>Меню 2</option> //при выборе этого пункта div должен показаться
<option>Меню 3</option>
<option>Меню 4</option>
</select>
<div id="swindow" style="visibility: hidden">
Текст, который должен показаться при выборе второго пункта
</div>
</body>
