Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Проблема с кодом, кто поможет? (https://javascript.ru/forum/misc/81807-problema-s-kodom-kto-pomozhet.html)

kikosik666 31.01.2021 18:01

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

Спасибо

Nexus 31.01.2021 18:28

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Nexus 31.01.2021 18:34

Цитата:

Сообщение от kikosik666
как сделать так чтобы при загрузке страницы работал js код

<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.