爲什麼附加的行數據在提交後沒有顯示？

Question

這是我的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>"); 
       }); 

第2頁是最重要的頁面，從1日的所有數據頁面顯示：

<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> 

我的問題是，附加行的數據沒有顯示在第二頁。如何使它？ 如下輸出：

Answer 1

首先你要調整你的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> 

Answer 2

在第二頁上做這樣的事情：

<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>