javascript - 克隆完整表格并作为表单值提交

Question

如何使用 javascript 正确复制/克隆 html 表格并将其提交到 php，然后将其转换为 PDF 和 XLS 文档？

到目前为止我有一个像这样的html:

<table class="planning-table">
    <thead>
        <tr>
            <td>blah blah</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>blah blah</td>
        </tr>
    </tbody>
</table>

<form id="exportPDFform" method="post">
    <a href="#exportPDF" id="exportPDF">Eksport</a>
    <input id="table_data" type="hidden" name="table" value="" />
</form>

和jquery:

$("#exportPDF").on("click", function (){
    var value = $('.planning-table').clone();
    $("#table_data").val( escape( value ) );
    $("#exportPDFform").submit();
    return false;
});

现在，克隆可以工作，但是，当放入输入字段时，它会给出:

[object-Object]

我该如何正确地执行此操作？

PS:当选择不同的过滤器时，表单会动态地更改/创建，因此使用最终产品然后在 PHP 端重新创建它会容易得多。

Answer 1

大概 escape() 在您提供 jQuery 对象时接受一个字符串。当您尝试将对象转换为字符串时，JavaScript 会给出 “[object Object]”。相反，您需要检索表的 HTML 值，如下所示:

var value = $('.planning-table').clone().wrap('<div />').parent().html();