使用可排序的 jQuery 插件将排序顺序保存到隐藏字段答案

【问题标题】：Save sort order to hidden field with sortable jQuery plugin使用可排序的 jQuery 插件将排序顺序保存到隐藏字段
【发布时间】：2014-03-28 16:43:46
【问题描述】：

我正在使用这个插件 (http://farhadi.ir/projects/html5sortable/) 为网站创建一个功能，用户可以在其中动态添加表单字段。

他们的想法是他们会给表单一个名称（标题），然后为表单字段添加一个系列。这些表单字段需要拖放排序（因此是插件），以便用户可以重新排列顺序。

对订单满意后，点击“创建表单”按钮，提交创建表单的数据。

数据本身将存储在三个表中。表 1：表单、表 2：字段和表 3：Forms_Has_fields。 Forms_Has_fields 表将包含一个 sort_order 列，它告诉系统以什么顺序显示字段。

这就是这个问题很重要的地方：当一个字段使用拖放功能重新排序时，我需要一种方法将排序顺序保存在一个或其他表单控件中，以便我可以使用 PHP 解析它并创建字段正确。

如果这是在 PHP 中，我会将所有内容保存在关联数组中：($fieldname => $sortorder)，但这似乎不是 javascript 中的选项。理想情况下，我可以将其保存在 Javascript 中的数组中，然后在单击 sumit 时，将该数组作为 JSON 转储到字段中，然后将其发布到 PHP。但如果可以的话，我不知道该怎么做。

如果有另一种（更优雅的）方法来处理这个问题，我愿意接受建议。

【问题讨论】：

标签： javascript php jquery forms jquery-ui-sortable

【解决方案1】：

事实证明，我让它变得比需要的更复杂。我给你分数是因为你回答了我的问题；但是我确实找到了一种更优雅的方式。实际上，顺序和数组已经存在。没有理由创建一个单独的数组来管理按什么顺序保存的内容，因为它已经这样做了。您所要做的就是使用 .each() 遍历它。

而且，最重要的是，我不必使用全局变量

【讨论】：