jquery - 不发布动态插入的表单输入

Question

我通常不会真正寻求帮助，但当我这样做时，请相信我，我的研究做得很好，但一无所获。

让它变得简单，但相关。我有一个表格。它的一部分是这样的：

<div class="list-model">
    <div class="connected"><?=$items['connected']?></div>
    <div class="items"><?=$items['items']?></div>
</div>

当有人点击一个input时，我想把它移到另一个div。我jQuery为此使用：

$(".list-model").delegate(".item input", "change", function()
{
    listModel = $(this).closest(".list-model");
    item = $(this).closest(".item");
    insertTo = $(this).is(":checked") ? "connected" : "items";
    insertTo = listModel.find("."+insertTo);
    $(insertTo).append(item);
});

jQuery作品就像魔术一样，来回.item移动。

但

一旦我“触摸”实际input，它就不会了POST！

它不会显示在 Chrome 的开发者工具中Form Data，也不会显示在服务器端。

Answer 1

嗯……当然是我的错。

我正在使用一个超旧的框架，其中form元素被“卡”在一个table元素中，之后<table>但之前<tr>。

我把<form>外面的<table>，所以<form>会正确包裹<table>，它工作得很好。