表单会检测通过jQuery动态创建的字段吗？

Question

背景资料

我们正在使用开源代码来管理小部件。其中一个页面允许用户编辑可能有数百行的表中的数据。对于每一行，它目前正在填充一个包含数百个值的下拉框。可以想象，这需要很长时间，而且不是必需的。我们不会一次编辑所有行。

所以我一直试图调整代码以防止这种情况发生。我已将行中的所有下拉列表更改为DIV标记，并为它们创建了一个新按钮以编辑行。

当用户点击EDIT时，DIV会切换到下拉菜单。 到现在为止还挺好。页面加载时间不到一秒钟，超过15分钟。

问题

问题在于，当用户点击SUBMIT（针对该特定行）保存更改时，我正在玩的DIV字段不包含在POST数据中。

具体来说，当页面加载时，该字段看起来像这样：

<td><div id="location_name">canada</div></td>

但是在您单击编辑按钮并且触发的jQuery已完成运行后，它看起来像这样（根据F12开发人员工具，而不是查看源代码）：

<td>
    <select tabindex="1" id="location_id" name="location_id">
        <option value="0">-- NONE --</option>
        <option value="15" style="font-weight: bold">canada</option>
        <option value="16" style="font-weight: bold">usa</option>     
    </select>
</td>

当用户单击该特定行的EDIT按钮时，通过克隆现有下拉菜单来创建此下拉列表。 （我克隆是因为现有的下拉列表中包含了我需要的所有值。）

我需要表单数据包含＆＃34; location_id = 15＆＃34;对于上面提到的例子。

到目前为止我检查过的内容：

1. 我确保相关字段位于表单标记内。
2. 或者，我想我可以在表格的每一行创建空的下拉控件...并且最初将它们设置为隐藏。 然后通过jQuery，如果用户想要编辑行，我可以将状态更改为可见，并以某种方式从主下拉列表中复制所有数据。

问题

表格是否应该能够看到＆＃39;由jQuery动态创建的字段？

如果是这样，我还能做些什么呢？如果你想看到完整的代码，请告诉我，我会为你粘贴它。