javascript - 如何在 php 中获取 javascript 动态行值？

Question

jsfiddle

我正在尝试在下一页(postdata.php)上打印输入文本字段值。但它总是只打印第一行结果。我没有获得下一页上的剩余行值。我已经在 jsfiddle 上发布了完整的代码。如何获取 php 中剩余的 js 动态行值(postdata.php 页面)？

JS

$(document).ready(function(){
    $("span").click(function(){
        $("#container").append('<tr><td>Email : </td><td><input type="text" name="email[]" placeholder="Email id" /></td> &nbsp; <td>Name : </td><td><input type="text" name="name[]"  placeholder="Your Name "/></td>&nbsp; <td><a title="Delete this row" href="javascript:void(0);" class="remove">Del</a></td></tr>');
    });
    $("#container").on('click','.remove',function(){
        $(this).parent().parent().remove();
    });
});

PHP

<?php
    echo "
    <table>
    <tr>   
        <td>
            Email :
        </td>
        <td>
             $_POST[email]
        </td>
        <td>
            Name :
        </td>
        <td>
             $_POST[name]
        </td>
    </tr>
    </table>";
?>

Answer 1

由于您声明的字段名称是数组，$_POST 变成多维数组。所以尝试这样

<?php
   $size = sizeof($_POST['email']);
   echo "<table>" ;
   for($i=0; $i<$size;$i++)
   {
    echo "
      <tr>   
        <td>
            Email :
        </td>
        <td>
             ".$_POST['email'][$i]."
        </td>
        <td>
            Name :
        </td>
        <td>
             ".$_POST['name'][$i]."
        </td>
    </tr>
    ";
    }
     echo "</table>";
?>

还在您的 html 中更改名称 Name和Emai l 字段至name[]和email[]分别。此外，您还放错了 form标签。它从 <table> 之后开始并在 <table> 之后结束。这是不正确的。所以放置form之前的标签 table标签