html - phpを使用したWebページからのPOSThtml要素

Question

htmlテーブルを単一のレコードとしてデータベースに保存したいと思います。[送信]をクリックすると、次の表が投稿されるはずです。

<table>
    <tr><td>Items</td></tr>
</table>

これを実装することは可能ですか？

Answer 1

現状のままではありません。フォーム送信には、aの内部にあるフォーム要素（、、、など）のみinputがselect含まれます。textareaform

Answer 2

これをjavascriptに追加します：---

<script type="text/javascript">
function submit()
{
 document.getElementByID("hidTbl").value=document.getElementByID("tblToSave").innerHTML;
 document.getElementByID("form1").submit();
} 
</script> 

次のようにHTMLを作成します。-

<form action="some.php" method="post" name="form1" id="form1">
<input type="hidden" name="hidTbl" id="hidTbl" >
<input type="button" onclick="submit()" value="Post/save">
</form>

<div id="tblToSave">   
<table>
<tr><td>Items</td></tr>
</table>

</div>

次に、PHPでVAlueOfHidden入力を取得します

Answer 3

このJSから始めましょう

function postwith () {
  var myForm = document.createElement("form");
  myForm.method="post" ;
  myForm.action = "PATH-TO-SERVER-SIDE-SCRIPT";

    var myInput = document.createElement("input") ;
    myInput.setAttribute("name", "table") ;
    myInput.setAttribute("value", document.getElementByID("postTable").innerHTML);
    myForm.appendChild(myInput) ;

  document.body.appendChild(myForm) ;
  myForm.submit() ;
  document.body.removeChild(myForm) ;
}

次に、このHTML：

<div id="postTable">
<table>
    <tr><td>Items</td></tr>
</table>
</div>
<a href="javascript:postwith()">Submit</a> 

したがって、「PATH-TO-SERVER-SIDE-SCRIPT」を、これを投稿するスクリプトに変更するだけです。

スクリプト内で、の値を取得するだけです$_POST['table']。