Проблема с кодом, кто поможет?
Здравствуйте у меня такой код, когда выбираю один из элементов 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, время: 08:15. |