为什么附加行的数据在提交后没有显示？ [英] why the appended row's data didn't displayed after being submitted?

问题描述

这是我的PHP代码（第1页）：

this is my php code(1st page):

        <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合并，用于在点击按钮时附加行：

incorporated with javascript for append the row when button is clicked:

$("#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页所有数据的重要页面：

The 2nd page is the important page where all data from 1st page display on it:

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

我的问题是附加行的数据没有显示在第二页上。如何制作它？
输出如下：

My problem is that the data of appended row didn't show on 2nd page.How to make it? The output as below:

推荐答案

首先，你要将你的html重组成这样的东西。

First off you want to restructure your html into something like this.

<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更新为此类

Then update your javascript into something like this

$("#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方面你应该可以这样做：

and finally on the php side you should be able to do this:

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

这篇关于为什么附加行的数据在提交后没有显示？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！