How to dynamically change href in javascript each time user clicks

Question

I have a HTML file which has href attribute which should change dynamically each time the user clicks. But it is not happening here. I am using accordions using bootstrap here. Please see the below code.

<a class="accordion-toggle" data-toggle="collapse"
data-parent="#accordion" href="#collapseOne" translate>
 <div class="row">
    <label class="control-label col-sm-1">{{week.weekNo}} </label> 
<label class="control-label col-sm-6">{{week.weekStartDate}}
            {{week.weekEndDate}}</label> 
<i  class="indicator glyphicon glyphicon-chevron-up  pull-right"
style="margin-right: 15px"></i>
</div>
</a>

How am I supposed to do that? I have gone through few methods to change href dynamically but nothing worked for me. Please help me.

stackoverflow.com/questions/10172933/…. This is one of the method. — Shruthi Sathyanarayana
– Shruthi Sathyanarayana, Commented Dec 21, 2015 at 4:28
This will work just fine. Can you share your code so that one can make out what is going wrong ? — Rayon
– Rayon, Commented Dec 21, 2015 at 4:29
are you getting any errors in the developer tools console when you use your variation of the code (clearly you can't use exactly that code as the class is different for a start) — Jaromanda X
– Jaromanda X, Commented Dec 21, 2015 at 4:30
@ Jaromanda X Yes. though I change the class name it is not working. What am I supposed to initialize to href and where exactly should I place this function? — Shruthi Sathyanarayana
– Shruthi Sathyanarayana, Commented Dec 21, 2015 at 4:32

Tanmay · Accepted Answer · 2015-12-21 05:15:01Z

0

 <script>
   var new_href="http://somelink.com";
    $(document).ready(function(){
        $("button").click(function(){
            $("#link_id").attr("href", new_href);
        });
    });
    </script>

new_href Here you can store the link everytime you need to set dynamically.

answered Dec 21, 2015 at 5:15

Tanmay

5888 silver badges20 bronze badges

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

3 Comments

Shruthi Sathyanarayana Over a year ago

what should be the link_id here in my case

Tanmay Over a year ago

the id of the anchor or link button where you are setting the href

Tanmay Over a year ago

if you are using class use .classname and if id then use #id

Collectives™ on Stack Overflow

How to dynamically change href in javascript each time user clicks

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related