动态添加html选择表单

时间:2016-02-24 02:43:20

标签: java jquery html spring-mvc

我有一些javascript代码,当用户点击按钮时,它会动态地将一对选择元素添加到表单中。我现在用于命名约定的模式是:

<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>

下次用户点击该按钮时,会添加另一对选择

<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表示索引。服务器端,尝试匹配项目/数量有点麻烦。我的问题是,是否有更好的约定,我可以使用它来使服务器上的项目/数量更容易匹配?我使用的是Spring MVC,理想情况下,我希望控制器方法能够获取LineItem对象的List,其中一个行项目具有Id(foo)和一些数量。

1 个答案:

答案 0 :(得分:0)

试试吧

<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>

<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>

第一个选项适用于struts,我不确定Spring MVC。

你也可以为Spring使用一些表单标签,你可以在这里找到更多相关信息: http://www.mkyong.com/spring-mvc/spring-mvc-dropdown-box-example/