php - 从表中获取数据到 php

Question

我有一个表，我在其中使用 j-query 动态添加行我想从每个字段中获取数据到我的 php 并在我按下提交时用它做一些事情，或者我们可以使用 j-query 循环表格以获得所有的值并将它放在一个数组中我不知道如何去做，有人可以帮助我。这是我目前所拥有的

Jquery.js

 $(document).ready(function(){
        $(".add-row").click(function(){
            var name = $("#name").val();
            var email = $("#email").val();
            var markup = "<tr><td><input type='checkbox' name='record'></td><td>" + name + "</td><td>" + email + "</td></tr>";
            $("table tbody").append(markup);
        });

        // Find and remove selected table rows
        $(".delete-row").click(function(){
            $("table tbody").find('input[name="record"]').each(function(){
                if($(this).is(":checked")){
                    $(this).parents("tr").remove();
                }
            });
        });
    });

索引.php

<form>
            <input type="text" id="name" placeholder="Name">
            <input type="text" id="email" placeholder="Email Address">
            <input type="button" class="add-row" value="Add Row">
        </form>
        <table>
            <thead>
                <tr>
                    <th>Select</th>
                    <th>Name</th>
                    <th>Email</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><input type="checkbox" name="record"></td>
                    <td>Peter Parker</td>
                    <td>peterparker@mail.com</td>
                </tr>
            </tbody>
        </table>
        <button type="button" class="delete-row">Delete Row</button>
        <button type="button" class="Submit">Submit</button>

这是一个Fiddle

Answer 1

您可以在创建新行时向表单添加隐藏输入:

$(".add-row").click(function () {
    var name = $("#name").val();
    var email = $("#email").val();

    var markup = "<tr><td><input type='checkbox' name='record'></td><td>" + name + "</td><td>" + email + "</td></tr>";
    markup += "<input type='hidden' name='name' value='" + name + "'>";
    markup += "<input type='hidden' name='email' value='" + email + "'>";

    $("table tbody").append(markup);
});

然后在 PHP 端，您将像这样在 $_POST 数组中接收它们，如下所示:

$_POST['name'], $_POST['email]

因为您希望一次能够发布多个，您可以将它们装入一个数组中，例如通过这样命名它们来称为 customer:

markup += "<input type='hidden' name='customer[0][name]' value='" + name + "'>";
markup += "<input type='hidden' name='customer[0][email]' value='" + email + "'>";

然后，$_POST['customer'] 将是一个数组数组，每个数组都有两个键 name 和 email

放在一起看起来像:

var x = 0;

$(".add-row").click(function () {
    var name = $("#name").val();
    var email = $("#email").val();


    var markup = "<tr><td><input type='checkbox' name='record'></td><td>" + name + "</td><td>" + email + "</td></tr>";
    markup += "<input type='hidden' name='customer[" + x + "][name]' value='" + name + "'>";
    markup += "<input type='hidden' name='customer[" + x + "][email]' value='" + email + "'>";
    x++;

    $("table tbody").append(markup);
});