Изменения содержимого по значению в 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> |
http://jsfiddle.net/6fcbq1td/
Заметь я задал другие Value оптионам |
Часовой пояс GMT +3, время: 17:26. |