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

это мой 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-й странице. Как это сделать?

Измените свою привязанную страницу примерно так:

 <table width="600px" id="project"> <?php $index = 1; while(isset($_POST["pro_".$index])) { ?> <tr> <td><?php echo $index; ?></td> <td><?php echo $_POST["pro_".$index]; ?></td> </tr> <?php $index++; } ?> </table>