почему данные приложенной строки не отображались после отправки?

это мой php-код (1-я страница):

<table width="600px" id="project"> <tr> <td>1</td> <td><textarea name="pro_1" cols="100" rows="2"></textarea></td> </tr> <tr> <td>2</td> <td><textarea name="pro_2" cols="100" rows="2"></textarea></td> </tr> <tr> <td>3</td> <td><textarea name="pro_3" cols="100" rows="2"></textarea></td> </tr> <input id="addbtn" type="button" name="addbtn" value="ADD"> 

с помощью javascript для добавления строки при нажатии кнопки:

 $("#addbtn").click(function(){ var num=parseInt($("#project tr:last").text()); num+=1; $("#project").append("<tr><td>"+num+"</td><td><textarea name='pro_"+num+"' cols='100' rows='2'></textarea></td></tr>"); }); 

Вторая страница – важная страница, на которой отображаются все данные с первой страницы:

 <table width="600px" id="project"> <tr> <td>1</td> <td><?php echo $_POST["pro_1"]; ?></td> </tr> <tr> <td>2</td> <td><?php echo $_POST["pro_2"]; ?></td> </tr> <tr> <td>3</td> <td><?php echo $_POST["pro_3"];?></td> </tr> </table> 

Моя проблема в том, что данные добавленной строки не показывались на 2-й странице. Как это сделать? Выход:

введите описание изображения здесь

Прежде всего, вы хотите перестроить свой html в нечто подобное.

 <table width="600px" id="project"> <tbody> <tr> <td>1</td> <td><textarea name="pro[]" cols="100" rows="2"></textarea></td> </tr> <tr> <td>2</td> <td><textarea name="pro[]" cols="100" rows="2"></textarea></td> </tr> <tr> <td>3</td> <td><textarea name="pro[]" cols="100" rows="2"></textarea></td> </tr> </tbody> <tfoot> <tr><td colspan='2'><input id="addbtn" type="button" name="addbtn" value="ADD"></td></tr> </tfoot> </table> 

Затем обновите свой javascript во что-то подобное

 $("#addbtn").click(function(){ var num=$("#project tbody tr").length +1; $("#project tbody").append("<tr><td>"+num+"</td><td><textarea name='pro[]' cols='100' rows='2'></textarea></td></tr>"); }()); 

и, наконец, на стороне php вы сможете это сделать:

 <table width="600px" id="project"> <?php foreach($_POST["pro"] as $key => $value): ?> <tr> <td><?php echo $key+1; ?></td> <td><?php echo $value; ?></td> </tr> <?php endforeach; ?> </table> 

На второй странице сделайте что-то вроде этого:

 <table width="600px" id="project"> <?php foreach($_POST as $key => $value) { ?> <tr> <td><?php echo $key; ?></td> <td><?php echo $value; ?></td> </tr> <?php } ?> </table>