このページには、ADD
行を追加するためのボタンがあります。追加された行が入力されると、送信時に別のページに接続/リンクされ、入力された情報がそのページに表示されます。しかし、問題は入力された情報をどのように表示するかです2 ページ目の追加行は、1 ページ目で PHP を使用して行われました。
<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>
</table>
<input id="addbtn" type="button" name="addbtn" value="ADD">
Jquery スクリプト (行を追加するため):
$(document).ready(function() {
$("#addbtn").click(function(){
var num=parseInt($("#project tr:last").text());
num+=1;
$("#project").append("<tr><td>"+num+"</td><td><textarea cols='100' rows='2'></textarea></td></tr>");
});
PHP ソース コード (2 ページ目):
<table width="600px" id="pub">
<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>
<table width="600px" id="project">
<?php //to show the filled appended row but fail
$index = 1;
while(isset($_POST["pro_".$index])) {
?>
<tr>
<td><?php echo $index; ?></td>
<td><?php echo $_POST["pro_".$index]; ?></td>
</tr>
<?php
$index++;
} ?>
</table>
以下のような出力: