Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Скрытие/показ нескольких форм HTML (https://javascript.ru/forum/misc/66129-skrytie-pokaz-neskolkikh-form-html.html)

Alehandro 27.11.2016 13:36

Скрытие/показ нескольких форм HTML
 
Доброго времени суток! Делаю форму подачи заявки, состоящую из 3 разных разделов. Нужно чтобы по нажатию кнопки далее, 1 форма пряталась и появлялась вторая. Собственно также и со 2 и 3. Сделал чтобы пряталась 1 и появлялась вторая. А вот как быть с третьей, подскажите пожалуйста.
<script>
show.visible = '1';
show.hidden = '2';
 function show(){
 	show.hidden = show.visible;
 	show.visible = (show.visible === '1')?'2':'1';
	document.getElementById(show.visible).style.display = 'block';
	document.getElementById(show.hidden).style.display = 'none';
}
</script>

<form action="add.php" name="myform" method="post" enctype="multipart/form-data">
	<div id="1" style="display:block">
	<h2>Введите номер телефона:</h2>
	<input type="text" name="phone" maxlength="11"><br><br>
	<h2>Введите e-mail адрес:</h2>
	<input type="text" name="email" maxlength="30"><br><br>
	<input type="button" onclick="show();" value="Далее">
	</div>
	
	
	<div id="2" style="display:none">
	<h2>Выберите вид организации:</h2><br>
	<input type="radio" name="vidorg" value="1" /> ИП<br /><br>
	<input type="radio" name="vidorg" value="2" /> ООО<br /><br>
	<input type="button" onclick="show();" value="Далее">
	</div>
	
	
	<div id="3" style="display:none;">
	<h2>Загрузите документы:</h2><br><br>
    <input type="file" name="document"><br> <br>
	<input name="Submit" type=submit value="Отправить данные">
	</div>
</form>

laimas 27.11.2016 16:29

Цитата:

Сообщение от Alehandro
Нужно чтобы по нажатию кнопки далее, 1 форма пряталась и появлялась вторая.

А если потребуется вернуться назад, к примеру исправить ошибку? Либо раскрываемые не скрываются, либо должна быть возможность возврата назад.


Часовой пояс GMT +3, время: 18:37.