单个 <input> 元素可以返回多个值吗？

Question

VS2013、VB、MVC5、html

这些帖子（multiple submits、which button is pressed）很好地展示了如何在一个表单中使用多个 元素。这对于在列表的每一行末尾包含一个类似的命令非常有用。

我想要一个列出多行并在每行末尾具有相同 元素的页面。当点击特定的时，它必须返回特定于该行并且与点击了哪个链接相关的“控制器方法”信息。所以我的显示将如下所示：

This is line1   LINK1 | LINK2 | LINK3
This is line2   LINK1 | LINK2 | LINK3
This is line3   LINK1 | LINK2 | LINK3

用户点击LINK1、LINK2、LINK3，根据点击的LINK对line1、line2、line3进行操作。操作可能是编辑、删除、列出用户等。

作为示例，控制器方法将需要特定于单击 LINK 所在行的数据，例如记录 ID、记录类型等。可能是该行是由具有不同 ID 的多个表组成的；我只是想确定在控制权转移中需要不止一条信息。

我能否为每个 LINK 提供多条不同的数据，如何提供？我只看到并学习了如何通过检查“ID”属性是否为空，然后根据上面链接的this post 捕获“值”属性中的数据，从元素中将信息返回给控制器。

有没有办法设置一个元素，以便我可以从该特定元素中读取其他数据？信息必须特定于该按钮和该行，这意味着不是整体表单属性。

也许设计上不可能，但我不问也不知道。

Answer 1

您可以使用一些 ajax 比下面更进一步，但这会解决问题，并允许您使用每个“行”中每个“链接”中的多个值

@using (Html.BeginForm())
{
    @Html.Hidden("myType", "")
    @Html.Hidden("myID","")
} 

This is line1   <a class="action-link" href="#" data-type="typeA" data-id="1">Link 1</a> | <a class="action-link" href="#" data-type="typeA" data-id="2">Link 2</a> | <a class="action-link" href="#" data-type="typeA" data-id="3">Link 3</a> 
This is line2   <a class="action-link" href="#" data-type="typeB" data-id="1">Link 1</a> | <a class="action-link" href="#" data-type="typeB" data-id="2">Link 2</a> | <a class="action-link" href="#" data-type="typeB" data-id="3">Link 3</a> 
etc....

<script>
$(document).ready(function() {
    $(".action-link").on("click", function(e) {
        e.preventDefault();

        var myType = $(this).attr("data-type");
        var myID = $(this).attr("data-id");

        //you could do some validation here...

        $("#myType").val(myType);
        $("#myID").val(myID);

        $("form:first").submit();
    });
});
</script>

Answer 2

为什么不添加尽可能多的表格？ 比如：

<table>
    @foreach (obj item in Model)        
        {
        @using (Html.BeginForm())
            {
            <tr>
                 <td>
                 // your inputs and buttons here
                 </td>
            </tr>
            }
        } 
<table>

这样每个表单只会发布与您的行相关的数据。