フォームがAJAXレスポンスから削除されました

Question

フォーム要素があるajax/jqueryでテーブル行を追加しようとしています。私がAJAXなしで設定するとすべてうまく動作しますが、なんとなく<form>タグ内のすべてが完全に失われてしまいます。

jqueryの.html（）は実際にinnerHTMLと同じですか？その場合、私はそれを失っていると思われます。とにかく

、ここではいくつかのコードです：

var worow = document.getElementById('worow_' + row); 
var wotable = document.getElementById('tbl_workorders'); 

// add a new row to the table underneath our existing row. 
var newrow = wotable.insertRow(worow.rowIndex+1); 
var x = newrow.insertCell(0); 

// set up the row a little bit 
x.colSpan = 13; 
x.style.padding = '10px'; 
x.style.backgroundColor = '#ccc'; 
x.align = "center"; 

x.innerHTML = '<img src="/images/loading.gif" />'; 

// a little ajax cuz we're cool that way 
$.post("getwotrans.php", 
{ 
    workorder: row 
}, 
function(response) 
{ 

    // set the value of the row = response object from the AJAX 
    $(x).html(response); 
}); 

そしてgetwotrans.php中：（言い換え）

<table> 
<thead><tr><td>blahblah</td></tr></thead> 
<tbody><form><tr><td><input></td></tr></form></tbody> 
</table> 

は、だから何が起こることは、私は、行を追加するjavascript関数を実行しますで、行がうまく追加され、テーブルヘッダーが表示されますが、tbodyの中の 'フォーム'はそこにはありません。

Answer 1

の子要素にすることはできません。隠しフォームとJavaScriptを使用して、非表示のフォーム要素にクリックされた行の値をコピーし、JavaScriptを介してフォームを送信しました。多分それは考えです。

Answer 2

フォームをテーブルの外に置くとどうなりますか？

<form><table> 
<thead><tr><td>blahblah</td></tr></thead> 
<tbody><tr><td><input></td></tr></tbody> 
</table></form> 

これで問題が解決するかどうか不思議ですか？それはそれを修正するために何か等しく奇妙なことなしに起こることは奇妙です！

Answer 3

フォームは、私はいくつかのsimliar問題を抱えていたのtbody