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

Спасибо

Добрый день!
1. Если Вы хотите чтобы при загрузке страницы работал js,
то не нужно в каждом тэге div вставлять атрибут style='display: none;'
Советую Вам во всех случаях убирать style из тэгов и
описывать в <style></style> или файлах css.
Например, так: