editado para mayor claridad:
Así que tengo una lista de bebidas en mi menú desplegable de selección. Según lo que se seleccione, quiero que la página web represente los ingredientes que tiene la bebida (que obtengo de mi función de etiqueta drink_joins).
El primer problema es que el valor del menú desplegable se establece en el primer valor, incluso si el usuario selecciona uno diferente.
<select> {% for drink in drinks %} <option id="dropdown" value="{{drink.drink_name}}">{{drink.drink_name}}</option> {% endfor %} </select> IE here function myFunc(){x = document.getElementById('dropdown').value} solo obtendrá el primer elemento en las bebidas, sin importar lo que se seleccione en el menú desplegable.
El segundo problema es una vez que se soluciona, ¿cómo puedo pasar ese valor a mi etiqueta, sin que esté en el bucle for? Por ejemplo, {{'Margarita'|drink_joins}} devolvería la lista correcta, pero no sé cómo colocar una variable allí.
<select> {% for drink in drinks %} <option id="dropdown" value="{{drink.drink_name}}">{{drink.drink_name}}</option> {% endfor %} </select> <p> {{ [needs string of dropdown value] | drink_joins }}</p>