|
Изменения содержимого по значению в Select
Ребят, я слаб в JS, помогите. прошу.
Помогите упростить код:
<head>
<script type="text/javascript">
function Selected(a) {
var label = a.value;
if (label==1) {
document.getElementById("Label6").style.display='none';
document.getElementById("Label1").style.display='block';
document.getElementById("Label2").style.display='none';
document.getElementById("Label3").style.display='none';
} else if (label==2) {
document.getElementById("Label6").style.display='none';
document.getElementById("Label1").style.display='none';
document.getElementById("Label2").style.display='block';
document.getElementById("Label3").style.display='none';
} else if (label==3) {
document.getElementById("Label6").style.display='none';
document.getElementById("Label1").style.display='none';
document.getElementById("Label2").style.display='none';
document.getElementById("Label3").style.display='block';
} else {
document.getElementById("Label6").style.display='block';
document.getElementById("Label1").style.display='none';
document.getElementById("Label2").style.display='none';
document.getElementById("Label3").style.display='none';
}
}
</script>
</head>
<body>
<select id="Dest" class="Validate_Required " name="Dest" aria-required="true" onChange="Selected(this)">
<option value="6" selected="selected">Не выбранно</option>
<option value="1">Компьютеры и периферийное оборудование</option>
<option value="2">Корпоративный портал и электронная почта</option>
<option value="3">Оборудование для мероприятий</option>
</select>
<div id='Label6'>Здесь рандом</div>
<div id='Label1' style='display: none;'>Содержимое № 1</div>
<div id='Label2' style='display: none;'>Содержимое № 2</div>
<div id='Label3' style='display: none;'>Содержимое № 3</div>
</body>
</html>
Последний раз редактировалось Georka, 27.09.2014 в 16:45.
Причина: Решил проблему, осталось упростить её
|