使用jquery在表单上添加多个记录

时间:2011-06-12 00:55:47

标签: jquery webforms

我有一个事件表单,允许某人添加新事件。一个事件可以有多个位置,我想用jquery做的就是在添加表单上,让他们能够在提交表单之前添加多个位置。我知道如何让表单设置添加多个位置,但问题是存储用户添加的多个位置的最佳方式是什么,因此我可以在表单上添加它们以及重新显示它如果此人提交表格并且忘记了必填字段,则显示它们吗?

*的 修改 *

为了提供更多有关我想要在表单上尝试完成的内容的信息,我正在寻找一个显示添加位置的链接,然后会出现一个弹出窗口,询问此位置的地址。一旦他们进入该位置,他们点击添加,然后该位置显示在表单上。然后他们可以重复该步骤以添加其他位置。完成后,表单会显示要为该事件添加的所有位置,然后该人员提交表单,我可以遍历通过表单添加的位置,以便我可以将它们添加到数据库中。那么我如何在表单中存储位置来实现呢?

2 个答案:

答案 0 :(得分:0)

UPDATE 正确答案在下面的评论中: 在数据库中创建一个“位置”表,其中包含每个位置以及与之关联的所有字段。然后你可以在数组中使用位置id,然后在迭代数组时,你可以拉出该位置id的所有相关字段。

如果您正在使用JQuery UI,您可能需要考虑一些JQuery MultiSelect插件:

http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

http://plugins.jquery.com/project/jquery-multiselect

要获取要在表单上显示给用户的选中值,以及是否有任何错误,请调用相应的方法(如果您使用的是jQuery UI MultiSelect Widget,则为“getChecked”)以获取数组所有选中的复选框。

答案 1 :(得分:0)

当他们点击添加位置时,我会在灯箱中提供另一个表单,当他们提交时 - 关闭灯箱并将其(包含其内容)添加到原始表单中。希望这是你想要完成的。祝你好运!