單擊提交按鈕時，將在javascript中創建的動態生成的html表保存並傳遞給php

Question

我必須提交使用javascript創建的動態生成的html表，並在單擊“提交”按鈕時將此表傳遞給php郵件功能，我想知道當表單具有任何形式時是否有可能在javascript中保存動態生成的表單擊“提交”按鈕並且動態生成的表丟失時，也會發生錯誤。 我是一個初學者，在制作帶有delete的動態生成的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方法發送表單數據（取決於表標記）

Answer 2

存儲表很簡單，假設您的表是

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

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