Форма удалена из ответа 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, чтобы добавить строку, и строка будет добавлена ​​нормально, и я вижу заголовки таблицы, но «формы» внутри тела просто нет.

Answer 1

форма не может быть дочерним элементом tbody

Answer 2

У меня была какая-то симлиарная проблема. Я использовал скрытую форму и javascript, чтобы скопировать значения строки, нажатой на скрытые элементы формы, а затем отправить форму через javascript. Может быть, это идея.

Answer 3

Что происходит, когда вы кладете форму вне таблицы?

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

Просто любопытно, исправит ли это проблему или нет? Странно, что это произошло бы без чего-то столь же странного, чтобы это исправить!