How to append a querystring to the url created by Url.Action base on a hidden fields values

Question

Here is my controller Action method

public ActionResult ChangeStateId(int userId,int stateId)
 {
   return RedirectToAction("Index")    
 }

and in my anchor tag of View, i want to redirect to above action method with parameter values like this

<a href="'@Url.Action("ChangeStateId","User")?userId='+$('#hidID').val()+ '&stateId=' +$('#hidStateId'.val()")></a>;

but it is not working for me.

Explain how it's not working, at run-time what is the value of href? — Ryan Searle, Aug 23 '16 at 08:15
Your quotes and parenthesis aren't in the right order... There is a bracket after the double quotes... — Ryan Searle, Aug 23 '16 at 08:22

Sandip - Frontend Developer · Answer 1 · 2016-08-23T09:45:37.110

6

If you wants to work in HTML please try this, I have put static value, you can convert it with dynamic as per your requirement.

<a href="@Url.Action("ChangeStateId", "Home", new { userId = 1, stateId =2})" )>Click</a>

For Jquery:

<a href="#" data_controller="Home" data_action="ChangeStateId"  id="ancChangeState">Click JQuery</a>

$("#ancChangeState").click(function () {            
        var controllerName = $(this).attr("data_controller");
        var actionName = $(this).attr("data_action");
        var userId = $('#hidID').val();
        var stateId = $('#hidStateId').val();

        if (userId == undefined)
        {
            userId = 1;
        }
        if (stateId == undefined) {
            stateId = 1;
        }        
        var url = "/"+controllerName + "/" + actionName +"?userId="+userId+"&stateId=" +stateId+" ";

        window.location.href = url;
    });

edited Aug 23 '16 at 09:45

answered Aug 23 '16 at 08:43

Sandip - Frontend Developer

14,397
4
35
61

which `a` i need to use? – Steve Aug 23 '16 at 09:44
I have given you two solution. (1) first a: in html View (2) second a : Jquery use – Sandip - Frontend Developer Aug 23 '16 at 09:45
but with first one it is not working while assigning hidden value to my parameters. – Steve Aug 23 '16 at 09:48
you have to just assign dynamic parameter value instead static one, you can also try second option – Sandip - Frontend Developer Aug 23 '16 at 09:52
I have posted the answer in simple steps – Prince Apr 18 '23 at 14:15

Ramin Bateni · Accepted Answer · 2016-08-23T12:34:37.240

3

Use this a Tag:

<a id="GoToRedirectAction" data-url="@Url.Action("NewTelegramHlink", "Hlink",null, Request.Url.Scheme)">Go To Redirect Action</a>

With these jQuery codes:

$(document).ready(function() {
    $('a#GoToRedirectAction').click(function() {
        window.location.href = $(this).data('url') + "?userId=" + $('#hidID').val() + "+&stateId=" + $('#hidStateId').val();;
    });
});

Or

$(document).ready(function() {
    $('body').on("click",'a#GoToRedirectAction',function() {
        window.location.href = $(this).data('url') + "?userId=" + $('#hidID').val() + "+&stateId=" + $('#hidStateId').val();;
    });
});

edited Aug 23 '16 at 12:34

answered Aug 23 '16 at 08:37

Ramin Bateni

16,499
9
69
98

click function is not getting fired with this. – Steve Aug 23 '16 at 09:42
@Steve. I tested this answer it works well, Check that you referenced jQuery library to your page. – Ramin Bateni Aug 23 '16 at 10:02
@Steve. I did not apply any important change to the answer, i just made its codes a few shorter. I have tested it before write it in `stackoverflow` for you and it works well. – Ramin Bateni Aug 23 '16 at 10:25
`a` tag is in pop up so may be that why it is not calling the function – Steve Aug 23 '16 at 10:50
@Steve, i added another way in my answer to set `a` click handler, perhaps it solve the problem. – Ramin Bateni Aug 23 '16 at 12:36

score 0 · Answer 3 · answered Apr 18 '23 at 14:13

HTML CODE

 <a href="#" onclick="viewAllOrder()" class="back-btn" style="float:right">View All</a>

JAVASCRIPT CODE
     function viewAllOrder() {
            var customerId = $("#ddlCustomer").val();
            var month = $("#ddlMonth").val().toString();
            var monthData = String(month);
            var salesOrg = $("#ddlSalesOrg").val();
            var url = "/Order/Index?CF="+"OD"+"&customerId=" + customerId + "&monthData=" + monthData + "&salesOrg=" + salesOrg;
            window.location.href = url;
        }

How to append a querystring to the url created by Url.Action base on a hidden fields values

3 Answers3