javascript - 如何提交放置在数据表中的表单？

Question

我正在尝试提交以数据表形式显示的数据。整个表，其中包括放置在 <thead> 中的数据还。让我用例子更简单地问一下。

<form method="post">
    <table class="table table-bordered" id="example">
        <thead>
            <tr>
                <td>
                  <input type="text" name="val1" />
                </td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><input type="text" name="checkBody" /></td>
            </tr>
        </tbody>
    </table>
    <input type="submit" class="btn btn-primary" value="save" name="upload" />
</form>

<script type="text/javascript">
    $(document).ready(function () {
        $("#example").DataTable({
            "info": false,
            "ordering": false,
            "searching": false,
            "retrieve": true,
            "scrollY": "100%",
            "scrollX": true,
            "scrollCollapse": true,
            "paging": false
        });
    });
</script>

这是表单和数据表工作正常，但主要问题是当我看到 $_POST['val1'] 时单击提交按钮value，它是空的，但是tbody中的输入字段( $_POST['checkBody'] )值可以显示，为什么会这样？注意:这个问题仅在我使用数据表时出现，但是当我在没有数据表的情况下尝试时，就没有出现这样的问题，抱歉我的英语不好!真正的问题很复杂，但这是我面临的问题的小演示。

Answer 1

问题是因为数据表通常会创建标题的列(输入标签等)两次。

标题中的一个在正文中第二个(隐藏)具有相同的“名称”。因此，当我们在“输入”(textfeild)中输入一些值时，我们看到的通常是第一个值，它被第二个“输入”(textfeild)值替换(因为两者具有相同的“名称”属性)。 您只需在“名称”前面使用“[]”即可解决此问题，例如

 <input type='text' name='val1[]' />

这会将 val1 转换为数组，因此您可以使用 forloop 忽略第二个值并检索 $_POST['val1'] 第一个值。但保持数据表的顺序为假。

注意:也许有更简单的方法来解决这个问题。如果您知道，请发布!