How to pass javaScript variable value in asp-route-id prefix?

Question

I've an anchor element with the attribute of asp-controller and asp-action. I've a javaScript variable, named g_id that will call the getIdFromUrl function. This function will retrieve the id appended at the end of the url.

/User/Account/5

For example, this function will retrieve the value of 5 from the URL. I want to assign this value to the asp-route-id. However, I am unable to do so.

<a asp-action="ActivityPrice" asp-controller="Activity" asp-route-id = "g_id" class="btn btn-primary" >
Add Activity Price

var g_id = getIdFromURL();

function getIdFromURL() {
    var urlArray = window.location.href.split('/');
    var id = urlArray[urlArray.length - 1];
    return id;
}

Think you are looking for setAttribute: developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute — Pete
– Pete, Commented Jun 15, 2018 at 13:29
Why are you "unable to do so"? What happens when executing the given code? What do you mean by that variable calling a function? — Nico Haase
– Nico Haase, Commented Jun 15, 2018 at 13:31
@NicoHaase Hi Nico, basically I am trying to use g_id as the value for asp-route-id — Issaki
– Issaki, Commented Jun 15, 2018 at 13:42
So, what have you tried to achieve this? There should be tons of tutorials to do this..... — Nico Haase
– Nico Haase, Commented Jun 15, 2018 at 14:13
Just a note - Asp.Net will render asp- tag helpers before giving the HTML code to the browser. There shouldn't be any asp- tags in the HTML you view in the browser. asp-action, asp-controller, and asp-route- will all compile into a single href tag for an anchor element. Rather than looking to change the asp-route-id tag, look to change the href tag. — user8761909
– user8761909, Commented Jun 15, 2018 at 16:00

Slava Rozhnev · Accepted Answer · 2021-07-15 07:42:24Z

3

$('a').attr('action', '/Activity/ActivityPrice/' + g_id);

edited Jul 15, 2021 at 7:42

Slava Rozhnev

10.2k6 gold badges27 silver badges43 bronze badges

answered Jul 15, 2021 at 3:28

IAN Jiang

312 bronze badges

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

Comments

Varun · Accepted Answer · 2021-01-20 21:08:59Z

1

In your Javascript tag yo can define the below function

function setRouteParameter() {
    var newhref=$("#addActivityPrice").attr('href') + '/' + g_id ;     
    $("#addActivityPrice").attr("href", newhref);        
}

and call it onclick of your anchor element

<a id="addActivityPrice" asp-action="ActivityPrice" asp-controller="Activity" asp-route-id = "g_id" class="btn btn-primary" onclick="setRouteParameter()">
Add Activity Price

answered Jan 20, 2021 at 21:08

Varun

5044 silver badges16 bronze badges

Comments

wuerfelfreak · Accepted Answer · 2022-02-16 07:53:57Z

0

asp-route-id is translated to formaction. My solution is

var formActionAttr = $("#myBtn").get(0).getAttribute('formaction');
        formActionAttr = formActionAttr.replace("&", "&idLeft=" + "myValue" + "&idRight=" + "myValue" + "&");
        $("#confirmBtn").get(0).setAttribute('formaction', formActionAttr);

edited Feb 16, 2022 at 7:53

wuerfelfreak

2,4371 gold badge16 silver badges31 bronze badges

answered Feb 10, 2022 at 12:22

mracin

11 bronze badge

Comments

Barskey · Accepted Answer · 2018-06-15 14:35:22Z

-1

You can use attr():

$('a').attr('asp-route-id', g_id);

answered Jun 15, 2018 at 14:35

Barskey

4632 gold badges5 silver badges18 bronze badges

1 Comment

Omar Martinez Over a year ago

This will add an attribute named 'asp-route-id' but will not change the link href. This is explained in the question comments

Collectives™ on Stack Overflow

How to pass javaScript variable value in asp-route-id prefix?

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related