Здравствуйте у меня такой код, когда выбираю один из элементов 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. kikosik666 - 31 Января, 2021 - 17:11:26 - перейти к сообщению
2. Vladimir Kheifets - 31 Января, 2021 - 19:48:34 - перейти к сообщению
kikosik666 пишет:
Здравствуйте у меня такой код, когда выбираю один из элементов select, показывает или скрывает ниже представленных блоков.
Не как не могу сделать то же самое при загрузге страницы. Допустим Пункт 2 selected ( <option value="2" selected>Пункт 2</option>), как сделать так чтобы при загрузке страницы работал js код (else if (label==2) )?
Не как не могу сделать то же самое при загрузге страницы. Допустим Пункт 2 selected ( <option value="2" selected>Пункт 2</option>), как сделать так чтобы при загрузке страницы работал js код (else if (label==2) )?
Добрый день!
1. Если Вы хотите чтобы при загрузке страницы работал js,
то не нужно в каждом тэге div вставлять атрибут style='display: none;'
Советую Вам во всех случаях убирать style из тэгов и
описывать в <style></style> или файлах css.
Например, так:
Спойлер (Отобразить)
Спойлер (Отобразить)