C# - How to pass html input value to url.Action

Question

I have an input and a button. input's value supposed to be passed to @url.Action like description in code below:

<input class="in-class" id="textbox" type="text" runat="server" />
<button class="btn-class" id="press" type="button" onclick="location.href='@Url.Action("Index", "Home", new {id = /*Value Of textbox*/ })'" >click here</button>

As I mentioned in code, /*Value Of textbox*/ should be input's current value.

use a form for this.

Daniel A. White
– Daniel A. White

2018-07-25 18:39:06 +00:00
Commented Jul 25, 2018 at 18:39 — Daniel A. White
– Daniel A. White, Commented Jul 25, 2018 at 18:39
you can't. you need to write javascript for this

Steve
– Steve

2018-07-25 18:49:52 +00:00
Commented Jul 25, 2018 at 18:49 — Steve
– Steve, Commented Jul 25, 2018 at 18:49
Can you post the code for the controller action?

Skye MacMaster
– Skye MacMaster

2018-07-25 19:44:07 +00:00
Commented Jul 25, 2018 at 19:44 — Skye MacMaster
– Skye MacMaster, Commented Jul 25, 2018 at 19:44

Jsperk · Accepted Answer · 2018-07-25 19:46:34Z

3

I use this form

<input type="text" id="txtValue" /> <input type="button" value="Detail" onclick="location.href='@Url.Action("Action", "Home")?Value=' + $('#txtValue').val()" />

or you cant write this in jquery function.

answered Jul 25, 2018 at 19:46

Jsperk

1481 silver badge12 bronze badges

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

1 Comment

Leonardo Wildt Over a year ago

this should work but i personally would recommend breaking out into a function as well.

score 2 · Accepted Answer · 2018-07-25 19:23:00Z

2

Change the href value with jQuery or JavaScript like this:

     <button class="btn-class" id="press" type="button" onclick="changeHref()" >click here</button>

   function changeHref(){
         var url = '@Url.Action("Index", "Home")';
         var txtVal = $('#textbox').val();
         window.location.href = url + '/?txtVal=' + txtVal;
   }

edited Jul 25, 2018 at 19:23

answered Jul 25, 2018 at 18:51

user10038293

7 Comments

user10038293 Over a year ago

Forgot the query string. You'll have to add ?txtVal= after the '/'. I updated the code

user10038293 Over a year ago

Is it hitting the Index method inside the Home controller? Put a breakpoint inside the method to see if you even go back to the server. If not, then it's the url that's being set.

Mohammad Farahi Over a year ago

they both wont hit breakpoint, in the first place ('/') it opens just txtVal as a link, but when I Use '/?txtVal=' nothing happens.

Skye MacMaster Over a year ago

Try, window.location.href = url + '?id=' + txtVal;

user10038293 Over a year ago

use post or get instead of window.location then: $.post(url, {txtVal: txtVal});

|

Tetsuya Yamamoto · Accepted Answer · 2018-07-26 02:36:28Z

1

I preferred using jQuery click handler since you have button ID and following standard event registration model to separate HTML & JS:

HTML

<input class="in-class" id="textbox" type="text" />
<button class="btn-class" id="press" type="button">click here</button>

JS

$('#press').click(function () {
   var url = '@Url.Action("Index", "Home")';
   var textValue = $('#textbox').val();

   window.location.href = url + '?id=' + textValue;
});

PS: No need to use runat="server" attribute in MVC since Razor doesn't require it.

answered Jul 26, 2018 at 2:36

Tetsuya Yamamoto

25.1k8 gold badges43 silver badges63 bronze badges

Collectives™ on Stack Overflow

C# - How to pass html input value to url.Action

3 Answers 3

1 Comment

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related