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>