ASP.NET MVC - Razor - Overloading a button with action, controller, and html attributes

Question

I would like to rewrite the below code using a button instead of an ActionLink. Any help would be greatly appreciated. Thanks.

@Html.ActionLink("Test Link","Index", "Home", new { id = item.id})

Is it possible to write something like the below or is there a better way ? I'm not sure about syntax either, so please feel free to correct it.

<input type="button" value="Submit" onclick="location.href='@Url.Action("Index", "Home", new { id = @Model.FirstorDefault.Id.ToString()}, null)'" />

Solution

Write it as an anchor tag instead since you seem to want to redirect users when the button is clicked. You can easily style the anchor to look like a button if you wishes to.

    <a href="@Url.Action("Index", "Home", 
        new { id = Model.FirstorDefault.Id.ToString()})">Submit</a>

And now the "Submit" caption makes no sense as you are now doing a "GET" action instead of a "POST". But if you insist on using a button you could do this:

<input type="button" value="Submit" id="btn1" />

// just replace zero with whatever value you need to use
$("#btn1").click(function () {
    window.location.replace('@Url.Action("about", "Home", new { id = 0 })');
});