Форум

Михендр · #1 (**permalink**) 02.07.2013, 21:28

Должно быть при последнем выбранном теге 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';
			}
		}

рони · #2 (**permalink**) 02.07.2013, 23:27

Михендр,
у option нет name .... да и click никчему

<!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>

Михендр · #3 (**permalink**) 03.07.2013, 16:46

Эх... как всё просто... Большое Спасибо!

Форум

Справочник

Discord чат

Курсы javascript