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

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！

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

Answer 1

嗯...当然是我的错。

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

我将<form> 放在<table> 之外，所以<form> 会正确地包裹<table>，它工作得很好。