Отправка формы из разных <div> HTML

У меня проблема с отправкой формы с использованием 2 defferent div (tabs). Я хочу передать все значение из этой формы .. но когда я отправлю, значение, которое я получаю только от (div class = "tab1"), не от div class = "tab2". как я могу представить все значение, даже используя разные div

page.php

<div class="tab1"> <h2>Basic Information</h2> <form name="pages_details" method="post" action="pages/save_pages.php"> <table> <tr> <td>Name:</td> <td><input name="name" type="text" ></input></td> </tr> <tr> <td>Order:</td> <td><input name="ord" type="text"></input></td> </tr> </table> </div> <div class="tab2"> <h2>Additional Information</h2> <table> <tr> <td>Special:</td> <td><input name="special" type="text" ></input></td> </tr> <tr> <td>Title:</td> <td><input name="title" type="text"></input></td> </tr> </table> </div> <input type="submit" name="save" value="save"> </form> 

save_pages.php

 <?php $name = $_REQUEST['name']; $ord = $_REQUEST['ord']; $special = $_REQUEST['special']; $title = $_REQUEST['title']; echo $name; echo $ord; echo $special; echo $title; ?> 

Постарайтесь, чтобы вы закрыли теги в правильном порядке. Структурирующий код, подобный этому, может вызвать некоторые странные ошибки.

Не правильно:

 <div> <form> </div> </form> 

Поэтому вы можете сделать это так.

 <form> <div> </div> </form> 

Я бы предложил использовать jquery ajax для отправки формы на основе вашего дела.

Например:

 var datas = $(form).serialize(); $.post("pages/save_pages.php", datas, function(){ }); 

Ссылаясь: post – http://api.jquery.com/jQuery.post/ serialize – http://api.jquery.com/serialize/