How to send Textbox value to ActionLink in asp.net mvc

Question

Here is my scenario

@Html.Textbox("value")

how to pass above text box value to below action link

@Html.ActionLink("Search","Search",new {firstname=value)

Where do you want to do this? Client side? After posting to the server? Have you tried anything that hasn't worked? — Richard Dalton
– Richard Dalton, Commented May 9, 2013 at 10:30

eiximenis · Accepted Answer · 2013-05-09 14:33:30Z

13

You can do it using javascript. First generate the anchor tag with a href having a faked value of firstname:

<a href="@Url.Action("Search", "Controller", new {firstname="xxxx"}") id="lnk">Search</a>

Also, generate the with an ID (i.e. txtSearch).

Then, using javascript you can attach the click event of this . Using jQuery code will be something like:

$("#lnk").click(function(evt) {
    var fakedUri = $("#lnk").prop("href");
    var uri = fakedUri.replace("xxxx", $("#txtSearch").val());
});

Greetings!

answered May 9, 2013 at 14:33

eiximenis

6384 silver badges8 bronze badges

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

5 Comments

Badhon Jain Over a year ago

Hi, I'm trying to use your code, but I'm getting the XXXX in my controller, not the value of the textbox. is there anything I'm missing?

Badhon Jain Over a year ago

Ok I got the solution. I just needed to add uri as lnk's href prop again. $("#lnk").prop("href", uri); has done the trick.

Drewdin Over a year ago

@Jain you just saved me from hours of wondering why it didn't work. Also, .prop() was not available in my version of jquery, I had to use .attr() for anyone else with this issue. Thanks

Teerth Over a year ago

@eiximenis i have 5 parameters then how to pass it ??

eiximenis Over a year ago

Just use same pattern: <a href="@Url.Action("action","controller", new {p1="xxx", p2="yyy"}" id=lnk">...</a> var uri = fakedUri.replace("xxx", valueOfParam1).replace("yyy", valueOfParam2)

roryok · Accepted Answer · 2013-05-09 10:34:54Z

1

You need to use a form

<form method="post" action="@Url.Action("Search", "Search")">
     @Html.Textbox("value")
</form>

answered May 9, 2013 at 10:34

roryok

9,64519 gold badges81 silver badges139 bronze badges

2 Comments

Muralikrishna Over a year ago

is it possible to with out using form, because we are planned to implement search functionality on index page...

roryok Over a year ago

yes, you can use Javascript to perform a POST to the url. jQuery AJAX is useful for this - api.jquery.com/jQuery.ajax

Collectives™ on Stack Overflow

How to send Textbox value to ActionLink in asp.net mvc

2 Answers 2

5 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related