从 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

表单不能是 tbody 的子元素

Answer 3

将表格放在表格之外会发生什么？

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

只是好奇这是否能解决问题？奇怪的是，如果没有同样奇怪的东西来解决它，就会发生这种情况！