具有唯一 ID 的多个提交按钮答案

【问题标题】：Multiple submit buttons with unique ids具有唯一 ID 的多个提交按钮
【发布时间】：2012-06-03 16:58:08
【问题描述】：

在我的应用程序中，我正在尝试创建一个包含一些文本字段和一组附件的表单。用户将能够从数据库加载现有表单、编辑字段以及从附件集合中添加/删除单个附件。

为此，在我看来，我有一个用于呈现附件详细信息（id、名称）的 foreach 循环，还有一个用于删除附件的提交按钮。表单底部还有一个主提交按钮，用户可以在完成表单编辑后单击该按钮。

我已经按照this solution 在我的表单中实现了多个提交按钮。但是我遇到的问题是当用户想要删除附件时，当用户单击附件旁边的提交按钮时，我需要将附件 ID 作为参数传递给“RemoveAttachment”操作。但实际上，应用程序将主表单 ID 传递给 RemoveAttachment 操作。有没有办法在用户点击按钮时传递附件ID？

非常感谢

【问题讨论】：

标签： asp.net-mvc-3

【解决方案1】：

使用一点 javascript，首先在表单中添加一个隐藏字段：

<input type="hidden" name="attachmentID" id="attachmentID">

然后，在每个提交按钮上：

<input type="submit" onclick="document.getElementById('attachmentID').value='@ATTACHMENT_ID'" />

当然，您可以将 ATTACHMENT_ID 替换为包含该 ID 的任何变量。

【讨论】：

【解决方案2】：

您可以为每个删除按钮创建一个单独的<form>，并使用隐藏的输入（或 URL 参数）指定 ID。

注意<form>s 不能嵌套。

【讨论】：