PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
kikosik666
Отправлено: 31 Января, 2021 - 17:11:26
Post Id


Новичок


Покинул форум
Сообщений всего: 46
Дата рег-ции: Апр. 2017  


Помог: 0 раз(а)




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

Спасибо
 
 Top
Vladimir Kheifets
Отправлено: 31 Января, 2021 - 19:48:34
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 872
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 37 раз(а)




kikosik666 пишет:
Здравствуйте у меня такой код, когда выбираю один из элементов select, показывает или скрывает ниже представленных блоков.
Не как не могу сделать то же самое при загрузге страницы. Допустим Пункт 2 selected ( <option value="2" selected>Пункт 2</option>), как сделать так чтобы при загрузке страницы работал js код (else if (label==2) )?

Добрый день!
1. Если Вы хотите чтобы при загрузке страницы работал js,
то не нужно в каждом тэге div вставлять атрибут style='display: none;'
Советую Вам во всех случаях убирать style из тэгов и
описывать в <style></style> или файлах css.
Например, так:
CODE (html):
скопировать код в буфер обмена
  1. <style>
  2. div[id^="Block"]{display:none}
  3. </style>
2. Ниже два варианта.
Спойлер (Отобразить)
Спойлер (Отобразить)
Удачи!
 
 Top
dcc0
Отправлено: 31 Января, 2021 - 19:54:46
Post Id


Участник


Покинул форум
Сообщений всего: 1043
Дата рег-ции: Июль 2014  


Помог: 10 раз(а)




cut

(Отредактировано автором: 31 Января, 2021 - 20:14:01)



-----
Март 2021. Бросил программирование
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB