pass value of a textbox from view to controller using actionlink

Question

In my form I have a textbox as below

@Html.TextBox("first_name")

I need to pass the value of this textbox to controller through a actionlink.

I tried the below

@Html.ActionLink("View", "view_Details", new { name = first_name})

but this is giving error

"first_name" does not exist in the current context

Is this possible using a Actionlink?

My controller signature is

public ActionResult view_Details(string name)
     {
            return View();
     }

Edited

 @Html.ActionLink("View", "view_Details", new { name = getname()})

 <script type="text/javascript">
      function getname() {
           return $("#first_name").val();
       }
</script>

I tried above code. Its also giving error

getname() does not exist in the current context

Your will need javascript/jquery to get the value of the textbox and then update the url — user3559349
– user3559349, Commented Jul 23, 2015 at 8:10
@stephenmuecke tried the same as edited part in the question — Sachu
– Sachu, Commented Jul 23, 2015 at 8:14
That's because razor code is parsed on the server before its send to the view. getname() is a client side method which does not exist at that point. I'll post a answer shortly showing how you can do this. — user3559349
– user3559349, Commented Jul 23, 2015 at 8:19

score 7 · Accepted Answer · 2015-07-23 08:43:36Z

7

You need javascript/jquery to get the value of the textbox and then update the url you want to redirect to

Html

@Html.ActionLink("View", "view_Details", new { id = "myLink" }) // add id attribute

Script

$('#myLink').click(function() {
  var firstname = $('#first_name').val(); // get the textbox value
  var url = $(this).attr('href') + '?name=' + firstname; // build new url
  location.href = url; // redirect
  return false; // cancel default redirect
});

Side note: further to you edit, the reason you receive that error is that razor code (the @Html.ActionLink() is parsed on the server before its sent to the view but getname() is a client side method which does not exist at that point - i.e it does not exist in the current context

edited Jul 23, 2015 at 8:43

answered Jul 23, 2015 at 8:24

user3559349

Sign up to request clarification or add additional context in comments.

2 Comments

Sachu Over a year ago

how will i create the url if i need to pass some model value also?

user3559349 Over a year ago

Do you mean say the ID property of the model? - in which case you could add var id = '@Model.ID'; and then var url = $(this).attr('href') + '?name=' + firstname + '&id=' + id;

Collectives™ on Stack Overflow

pass value of a textbox from view to controller using actionlink

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related