Тема: Select и onchange
Показать сообщение отдельно
  #3 (permalink)  
Старый 28.05.2014, 01:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

Rorbi,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<div class="block10">
						<h3 class="h3_record">Специализация доктора:</h3>
						<div class="kabinet_selectclass">
							<select class="selectclass" id="nazn"  name="nazn">
								<option class="sel_dok" selected="selected" value="1">Отоларинголог (лор)</option>
								<option class="sel_dok" value="2">Онкодерматолог, детский онколог</option>
								<option class="sel_dok" value="3">Онкогинеколог, гинеколог</option>
							</select>
						</div>
						<div class="clear"></div>
						<div style="display:block" class="otoloryngolog">
							<p>Отоларинголог</p>
						</div>
						<div style="display:none" class="dermatolog">
							<p>Онкодерматолог, детский онколог</p>
						</div>
						<div style="display:none" class="gynecolog">
							<p>Онкогинеколог, гинеколог</p>
						</div>
					</div>
					<div class="block11">
						<div style="display:block" class="otoloryngolog">
							<p>Отоларинголог</p>
						</div>
						<div style="display:none" class="dermatolog">
							<p>Онкодерматолог, детский онколог</p>
						</div>
						<div style="display:none" class="gynecolog">
							<p>Онкогинеколог, гинеколог</p>
						</div>
					</div>
<script>
	document.getElementById("nazn")
	.onchange = function () {
	  var b = {
	  1: ".otoloryngolog",
	  2: ".dermatolog",
	  3: ".gynecolog"
	  }, c = this.value,
	  a;
	  for (a in b)
	  {var elems = document.querySelectorAll(b[a]);
	    Array.prototype.forEach.call(elems, function(el, i)
	      {
	        el.style.display = c == a? "block": "none"
	      }
	    );
	  }
	};
</script>

</body>

</html>
Ответить с цитированием