Проблема с кодом, кто поможет?
Здравствуйте у меня такой код, когда выбираю один из элементов select, показывает или скрывает ниже представленных блоков.
<script> function Selected(a) { var label = a.value; if (label==1) { document.getElementById("Block1").style.display='b lock'; } else if (label==2) { document.getElementById("Block1").style.display='n one'; } } </script> <select id="actSelect" class="Validate_Required " name="actSelect" aria-required="true" onChange="Selected(this)"> <option value="" selected="selected">-</option> <option value="1">Пункт 1</option> <option value="2">Пункт 2</option> <option value="3">Пункт 2</option> </select> <div id='Block1' style='display: none;'> Пункт 1 </div> <div id='Block2' style='display: none;'> Пункт 2 </div> <div id='Block3' style='display: none;'> Пункт 3 </div> Не как не могу сделать то же самое при загрузге страницы. Допустим Пункт 2 selected ( <option value="2" selected>Пункт 2</option>), как сделать так чтобы при загрузке страницы работал js код (else if (label==2) )? Спасибо |
Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [html run] ... минимальный код страницы с вашей проблемой [/html] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Цитата:
<script> function Selected(a) { var label = a.value; if (label == 1) { document.getElementById("Block1").style.display = 'block'; } else if (label == 2) { document.getElementById("Block1").style.display = 'none'; } } document.addEventListener('DOMContentLoaded', function() { const select = document.querySelector('#actSelect'); if (select) { Selected(select); } }); </script> <select id="actSelect" class="Validate_Required " name="actSelect" aria-required="true" onChange="Selected(this)"> <option value="">-</option> <option value="1">Пункт 1</option> <option value="2" selected>Пункт 2</option> <option value="3">Пункт 2</option> </select> <div id='Block1' style='display: none;'> Пункт 1 </div> <div id='Block2' style='display: none;'> Пункт 2 </div> <div id='Block3' style='display: none;'> Пункт 3 </div> |
Часовой пояс GMT +3, время: 09:53. |