기본 HTML 양식의 경우 양식을 세 개의 탭으로 구분하고 각 탭에는 특정 필드가 포함되며 양식을 제출할 때 세 가지 양식의 모든 데이터를 사용할 수 있기를 바랍니다 제출.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>
의해이 메뉴 아래에 만들어진 메뉴가, I가 탭의 각각을 나타내는 세 div가있다 :
는<div class="tab1"></div>
<div class="tab2 displayNone"></div>
<div class="tab3 displayNone"></div>
입력 요소는 것이다 제어 각 탭 div에 넣을 수 있습니다. 메뉴 탐색 막대의 javascript는 각 div의 show()
메서드를 호출하여 표시 할 탭을 제어합니다. (jQuery 사용하기).
이제 내 문제는 : 나는 모든 형태 (세 된 div 내의 모든 컨트롤)를 제출 할 수 있도록하려는
1). 그러나 html 양식은 displayNone div 내 입력 컨트롤을 제출하지 않으므로 다른 탭이 아니라 현재보고있는 탭 내에서만 데이터를 제출할 수 있습니다.
2) tab2 또는 tab3에서 양식을 초기화 할 때 hide 요소에 대한 일부 javascript 기능을 수행하려고합니다. 그러나, 그들은 display : none이기 때문에 자바 스크립트는 아무런 효과가 없습니다.
그래서 어떻게 든 div를 숨길 수있는 방법이 있습니까? 또한 양식을 제출하고 그것에 자바 스크립트 작업을 수행 할 수 있을까요?
jQuery UI Tabs 플러그인을 사용해보십시오. http://jqueryui.com/demos/tabs/ – diEcho
감사합니다. @diEcho, 그런 jQuery 플러그인이 있다는 것을 알고 있지만, 제가 알고있는 것이 더 행복하다고 생각합니다. 내 시나리오에 맞는 솔루션을 제공합니다. –