使用一个提交按钮提交多个表单

时间:2011-11-06 05:56:00

标签: html forms radio-button

我有一个应用程序,在登录用户中搜索数据库并显示结果表。这些结果基本上是事件列表。然后我给用户一个“保持”或“丢弃”任何事件的权限(使用每个事件旁边的单选按钮)。

然而,现在,我希望实现一种功能,即最终用户只需点击一个“更新”按钮,所有更改都会受到影响(因为每个记录保留一个按钮将非常不友好)。也就是说,我只想提交多个表单,只需一个提交/更新按钮。

这可能吗?

3 个答案:

答案 0 :(得分:3)

你需要使用javascript,我建议你使用JQuery。使用AJAX,您需要提交每个表单 - 这样,一旦您提交表单,页面就不会被重定向!

然后,在每个表单中为每个表单分配单独的ID。然后,为您的提交按钮指定一个ID,例如mySubmit。接下来,添加以下代码:

$('#mySubmit').click(function(){
    // submit form1 by ajax...
    // submit form2 by ajax...
});

您可以查看jQuery的http://api.jquery.com/jQuery.post/,了解有关如何使用ajax提交表单的更多信息。

答案 1 :(得分:1)

只要所有单选按钮和提交按钮都是同一表单的一部分,您就不必担心提交多个表单,因为没有任何形式。您可以在一个表单中使用多个提交按钮,您可以为它们提供不同的值以了解单击了哪个按钮。

答案 2 :(得分:0)

如果您不想使用jQuery,则使用javascript形成由say~字符分隔的数据列表,并将此字符串设置为某个隐藏字段并使用document.formx.submit()提交

您需要解析服务器端的字符串以获得正确格式的数据。