[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Скрытие и отображение блоков div в форме
Александр801
<form method="" action="">
<div>
<span>
Тип</span>
<select
name="tip">
<option
value="Бревно">Бревно</option>
<option
value="Брус">Брус</option>
<option
value="Каркас">Каркас</option>
</select>
</div>
<div
id="block1" style="display:block;">
<span>
Диаметр бревна</span>
<select
name="diametr">
<option
value="22 см">22 см</option>
<option
value="24 см">24 см</option>
<option
value="26 см">26 см</option>
</select>
</div>
<div
id="block2" style="display:none;">
<span>
Сечение бруса</span>
<select
name="sechenie">
<option
value="150x150">150x150</option>
<option
value="150x200">150x200</option>
<option
value="200x200">200x200</option>
</select>
</div>
<div
id="block3" style="display:none;">
<span>
Толщина стен</span>
<select
name="tolshina">
<option
value="100">100</option>
<option
value="150">150</option>
<option
value="200">200</option>
</select>
</div>
</form>

Выше привел пример формы.
Нужно скрывать блоки
 id="block1", "block2", "block3"
в зависимости от выбора типа name="tip"

То есть, если в типе name="tip" выбрано "Бревно", то id="block1" style="display:block;", а id="block2" и id="block3" style="display:none;"
Если пользователь выбирает в типе name="tip" "Брус" - то блоки id="block1" и id="block3" style="display:none;", а id="block2" style="display:block;"

https://jsfiddle.net/hppv14Ln/3/
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.