Passing JavaScript variable into Django url?

Question

I have a dropdown menu that allows the user to select between three different use cases, and I want to pass that information to the next page.

<option id='b2c-menu' value="Delivery">Delivery</option>
<option id='taxi-menu' value="Air Taxi">Taxi</option>
<option id='hub-menu' value="Hub-to-Hub">Metro</option>

On select, I'm capturing this option as a variable in my JavaScript, and I'd like my second page to be aware of what the currently selected option is. To pass that, I'd like to do something like this:

<a href="page2/{{ selected_option }}"</a>

Is there a way to make my links dynamic based on my JS content?

Philip B. · Accepted Answer · 2017-12-11 23:37:46Z

1

There's several ways to get there. One is to set the location.href dynamically on click. Something like this works well for me:

$('#mybutton').click(function(){
   window.location.href = "{% url '2ndlocation' %}?option=" + $('#myoption').val();
   return false;
});

answered Dec 11, 2017 at 23:37

Philip B.

6376 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Passing JavaScript variable into Django url?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related