Binding value of form input to action link in ASP.NET MVC

Question

I have the following snippet in my razor view.

@Html.ActionLink("US", "List", "Campaigns", new { country = "US", vertical = "Insurance" }, null)
<input id="verticals" />

How do I substitute vertical = "Insurance" with the value of <input id="verticals" />?

score 2 · Answer 1 · answered Sep 17 '12 at 07:32

This depends on the source of the value that is in the input with id="verticals". if the value is coming from the server, then you'd use that. If you would like to apply value that is, for example typed in the input (in case the input type="text"), then you'd have to use some JQuery to update the link with the typed varaible. Example in this case:

$('#verticals').change(function(){
    $('#IdOfTheLinkTag').attr('vertical',$(this).val());
});

The code is not tested, but you get the idea.

vertical is route data, html attributes is null. – webdeveloper Sep 17 '12 at 07:57 — webdeveloper, Sep 17 '12 at 07:57

score 0 · Answer 2 · answered Sep 17 '12 at 07:31

I don't think this is possible. If you want that do it with JS and build the link yourself.

<a href="#" onclick="javascript:ClickMe();">Click me!</a>
<input type="text" id="verticals">

<script>
var vert = $('#verticals').val;
$.post() //bla bla
</script>

this is just some pseudo code but you get the idea. i hope :)

*Note: If verticals is an hidden field from the controller / model it easier of course

@Html.ActionLink("US", "List", "Campaigns", new { country = "US", vertical = Model.HiddenProperty}, null)

Binding value of form input to action link in ASP.NET MVC

2 Answers2