表中的动态输入字段

Question

我有一个带有输入的可排序行表，用户可以动态添加更多行。但现在我希望能够将这些行分组。从理论上讲：

<tr>
  <td><input type="text" name="set[0][name]" value="setname" /></td>
<tr>
<tr>
  <td><input type="text" name="set[0][items][0][itemname]" value="itemname" /><td>
</tr>
<tr>
  <td><input type="text" name="set[0][items][1][itemname]" value="itemname" /><td>
</tr>
<tr>
  <td><input type="text" name="set[1][name]" value="setname" /></td>
<tr>
<tr>
  <td><input type="text" name="set[1][items][0][itemname]" value="itemname" /><td>
</tr>
<tr>
  <td><input type="text" name="set[1][items][1][itemname]" value="itemname" /><td>
</tr>

我希望这些集合和项目都可以排序，以便用户可以通过拖动设置行来更改集合的起点，或者通过拖动项目来更改集合中的项目（I＆＃ 39; m使用jQuery可排序的UI）。

我遇到的问题是如何动态添加集合和项目行，同时在排序时保持正确的数组键和值对。

任何帮助表示赞赏！谢谢！

Answer 1

2