Желательна помощь в раскрытии блока
Должно быть при последнем выбранном теге option раскрываться блок, а при остальных, блок должен закрываться, однако у меня это вышло криво.
Помощь приветствуется!
<p style="display: inline;">Асгард ждёт тебя?</p>
<select>
<option selected>Возможно</option>
<option>Не сомневаюсь</option>
<option>Скажите же, когда меня раскрыли?</option>
<option name="forVisitor" onclick="yourQuestion('secret');">Ваш
вариант</option>
</select>
<div id="secret" style="display: none; padding-top: 35px;">
И? Чего ждём?
<textarea></textarea>
</div>
function yourQuestion(id) {
simsim = document.getElementById(id).style.display;
if (simsim == 'none') {
document.getElementById(id).style.display = 'block';
} else {
document.getElementById(id).style.display = 'none';
}
}
|
Михендр,
у option нет name .... да и click никчему :cray:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
function yourQuestion(obj) {
document.getElementById('secret').style.display = obj.selectedIndex == 3?'block':'none';
}
</script>
</head>
<body>
<p style="display: inline;">Асгард ждёт тебя?</p>
<select onchange="yourQuestion(this)">
<option selected>Возможно</option>
<option>Не сомневаюсь</option>
<option>Скажите же, когда меня раскрыли?</option>
<option >Ваш вариант</option>
</select>
<div id="secret" style="display: none; padding-top: 35px;">
И? Чего ждём?
<textarea></textarea>
</div>
</body>
</html>
|
Эх... как всё просто... Большое Спасибо!
|
| Часовой пояс GMT +3, время: 09:13. |