php - 单击提交按钮时，保留并传递在 javascript 中创建的动态生成的 html 表到 php

Question

我必须提交一个使用 javascript 创建的动态生成的 html 表，并在单击提交按钮时将此表传递给 php 邮件函数，我想知道当单击提交按钮时，表单也会出现任何错误，并且动态生成的表格会丢失。 我是一个初学者，我已经完成了使用删除动态生成的javascript表，现在我需要将此表传递给php提交按钮，然后只能进一步进行

任何帮助将不胜感激，因为我现在时间很短，请帮助。

代码如下

向表中添加行

function addRow(){

var a =document.getElementById("sociallink").value;
    var b =document.getElementById("socialemail").value;
    var c =document.getElementById("socialpass").value;


var media=document.getElementById('media');

if ( media.selectedIndex  ==  "1" )
{
    media_type = "facebook";
}

var table = document.getElementById("dataTable");


var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
row.insertCell(0).innerHTML= '<input type="button" value = "Delete" onClick="Javacsript:deleteRow(this)">';
row.insertCell(1).innerHTML= media_type;
row.insertCell(2).innerHTML= a;
row.insertCell(3).innerHTML=b;
row.insertCell(3).innerHTML=c;

table.style.display ="block";

}

php回显html如下

    $form ="<form action='./form3.php'  method='post'  name='seoform'> 
        <tbody id='dataTable' border='1' cellpadding='2'>  
                      <tr>
                  <td> Remove Media </td> 
                      <td> Media </td>
                                <td>Media Link</td>
                                <td> Media Email</td>
                                <td> Media Password </td>

                      </tr>
<tr> 
<td> </td> 
<td  > <input type='submit' name='seoformbtn' value='Register'  />   </td> 
</tr> 


        </tbody> </form> ";

    echo $form;

Answer 1

您可以将创建的表的标记存储在隐藏输入中，然后在提交表单时发送该标记。

向表单添加隐藏文本区域

<textarea id="table-markup"></textarea>

CSS:

#table-markup{
   display: none;
}

给你的表一个像这样的ID:

<table id='table'><tbody id='dataTable'>.....</tbody></table>

var tableMarkup = document.getElementById("table");
document.getElementById("table-markup").value = tableMarkup.innerHTML;

现在，当提交表单时，该表单将随之一起发送.. 我建议使用 POST 方法发送表单数据(取决于您的表标记)