Java 动态地将html选择添加到表单

我有一些javascript代码，当用户单击按钮时，它会动态地向表单添加一对select元素。我现在用于命名约定的模式是：

<select name="foo:1"/>
<select name="foo_quantity:1"/>
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>

1.
2.
3.

下次用户单击按钮时，会添加另一对选择项

<select name="foo:2"/>
<select name="foo_quantity:2"/>
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>

1.
2.
3.

1和2表示索引。服务器端，尝试匹配项目/数量有点麻烦。我的问题是，有没有更好的约定可以让我在服务器上更容易地匹配商品/数量？我使用的是SpringMVC，因此理想情况下，我希望控制器方法能够接受一个LineItem对象列表，其中一个LineItem有一个Id（foo）和一些数量。

试试看

<select name="foo"/>
<select name="foo_quantity"/>
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>
...
<select name="foo"/>
<select name="foo_quantity"/>
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>

1.
2.
3.
...
1.
2.
3.

或

1.
2.
3.
...
1.
2.
3.

第一个选项非常适合struts，我不确定SpringMVC

您也可以为Spring使用一些表单标记，您可以在此处找到更多信息：

<select name="foo[0]"/>
<select name="foo_quantity[0]"/>
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>
...
<select name="foo[1]"/>
<select name="foo_quantity[1]"/>
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>