这个页面有一个按钮ADD
来附加行。一旦添加的行被填充,在提交时,它将连接/链接到另一个页面,然后填充的信息将显示在该页上。但问题是如何显示第二页附加行填写的信息已经在第一页通过使用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源代码(第二页):
<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>
给动态添加的textarea
一个名称,然后你接下来的页面将看到它作为一个参数&可以在HTML中渲染出来。
在Javascript中:(请不要尝试在一行中修改所有代码!):
$("#project").append("<tr>);
$("#project").append("<td>"+num);
$("#project").append("<td><textarea name='pro_"+num+"' cols='100' rows='2'></textarea>");
看到一点可读性是如何使它易于理解的了吗?我遵循HTML规范,说明</td>
和</tr>
是可选的,而不是强制的——我自己从来没有发出它们。
在PHP第二页中,需要选择正确的参数名。(你正在寻找pub_N
,而不是pro_N
,你似乎在下面发布)。
整理你的代码,让你的名字正确。
然后在它周围放置一个PHP循环,以升序数字呈现项目名称,直到它用完参数。我的PHP代码很粗糙,但是…
<?php
$rowNum = 1;
while (true) {
$rowValue = $_post["pro_"+$rowNum];
if (! isset($rowValue))
break; // Reached the end.
?>
<tr>
<td><?= htmlentities( $rowValue) ?></td>
<?php
}
?>
希望这对你有帮助!