Для базовой формы HTML я хотел бы разделить форму на три вкладки, каждая вкладка будет содержать определенные поля, а при отправке формы я хочу, чтобы все данные в трех формах могли быть отправлены.
Итак, у меня есть меню, созданное <ul>
и <li
>
<ul class="subnav">
<li class="subnav0 current"><a href="javascript:showTab('tab1');">Tab1</a></li>
<li class="subnav1"><a href="javascript:showTab('tab2');">Tab2</a></li>
<li class="lastItem subnav2"><a href="javascript:showTab('tab3');">Tab3</a></li>
</ul>
и ниже этого меню у меня есть три div, которые представляют каждую вкладку:
<div class="tab1"></div>
<div class="tab2 displayNone"></div>
<div class="tab3 displayNone"></div>
Элементы управления вводом будут помещены в каждый из разделов табуляции. И javascript в навигационной панели меню будет контролировать, какую вкладку отображать по методу вызова show()
и hide()
для каждого div. (Использование jQuery).
Теперь моя проблема:
1) Я хочу, чтобы иметь возможность отправить всю форму (все элементы управления в трех div). Тем не менее, html-формы не будут вводить элементы управления ввода в displayNone div, что означает, что я могу только отправлять данные на вкладке, которую я просматриваю сейчас, но не в двух других вкладках.
2) Я также хочу использовать некоторые функции javascript для скрытых элементов при инициализации формы в tab2 или tab3. Однако, поскольку они отображаются: none, javascript не будет иметь никакого эффекта.
Итак, можно ли каким-то образом скрыть div, но также иметь возможность отправить форму и выполнить любую операцию javascript на ней?