Проблема с кодом, кто поможет?

[kikosik666]

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

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

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

[html run]
... минимальный код страницы с вашей проблемой
[/html]

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

[Nexus]

как сделать так чтобы при загрузке страницы работал 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>