Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Изменения содержимого по значению в Select (https://javascript.ru/forum/dom-window/50473-izmeneniya-soderzhimogo-po-znacheniyu-v-select.html)

Georka 27.09.2014 15:52

Изменения содержимого по значению в 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>

krasovsky 29.09.2014 11:55

http://jsfiddle.net/6fcbq1td/
Заметь я задал другие Value оптионам


Часовой пояс GMT +3, время: 17:26.