Question

我有一个列表在我的视图中显示作业，当我单击该链接时，它应该带我到其他页面以显示完整的详细信息，并且在浏览器的url中应显示如下

// mysite.com/jobs/auto-damage-adjuster-trainee-houston-and-surrounding-cities。

为实现这一点，我试图在单击时提交表单并将隐藏的值传递给控制器。但是它总是传递列表中的第一项。

@model List<JobPortal.Models.MyDB>
@{
   ViewBag.Title = "Current List";
}

@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
@foreach (var list in Model)
{
    <div class="row">
        <div class="flexcontainer">
            @Html.Partial("_MySharedView", list)
        </div>
    </div>
}
}

共享视图-

@model JobPortal.Models.MyDB
@if (Model.JDetails.Count > 0)
{
   @foreach (var item in JDetails)
{

<form id="Jobs" action="~/Jobs?id=@Model.id" method="post">
    <input type="hidden" name="id" id="id" value=@Model.id />
    <strong><a href="~/Jobs?@Model.title" onclick="document.getElementById('Jobs').submit();">@Model.title</a></strong>
</form>
}
}

控制器-

public ActionResult Jobs(int? id)
{
    var allDetails = _db.MyDB.Where(p => p.id == id).FirstOrDefault();
    return View(allDetails);
}

如何提交表单onclick href并将隐藏的值传递给控制器？

Answer 1

id属性的值只能分配给一个html元素。表单的onclick处理程序只会找到第一个ID，因为它们被设计为唯一的。相反，您应该在示例中的form元素上为id附加唯一的内容，以便它们都是唯一的。例如：

<form id="Jobs-@item.id" action="~/Jobs?id=@item.id" method="post">
    <input type="hidden" name="id" id="id" value=@item.id />
    <strong><a href="~/Jobs?@item.title" onclick="document.getElementById('Jobs-@item.id').submit();">@item.title</a></strong>
</form>

编辑：您绝对应该在每个项目上使用标识符来区分每个表单块和每个输入。

如何使用href提交表单并将隐藏的值发送给控制器

1 个答案: