Question

我必须提交一个动态生成的html表，该表是使用javascript创建的，并在单击提交按钮时将此表传递给php邮件函数，我想知道是否可以在javascript中保留动态生成的表当单击提交按钮并且动态生成的表丢失时，表单也有任何错误。我是一个初学者，我已经做了直到用删除动态生成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

<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方法发送表单数据（取决于您的表标记）

Answer 2

存储表很简单我们可以说你的桌子是

<table id='tableid' >......</table>

var tbl = $('#tableid').html();
// to complement previous answer, then you put in hidden field
$("#table-markup").val(tbl);

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

2 个答案: