Tengo una lista desplegable con sus valores que se completan con Jinja2. Quiero obtener el valor de la opción seleccionada, es decir, value="{{car.key.name}}" e imprimirlo en la etiqueta <p> a continuación. Intenté usar javascript, pero de alguna manera no funciona en el cambio de opciones seleccionadas.

Lado Html+Jinja:

 <select onchange="val()" id="loop1"> <option>------</option> {% for car in cars %} <option value="{{car.key.name}}" name="ev1_key">{{ car.ev_name }}</option> {% endfor %} </select> <p id="car1_key">car1_key</p>

Lado de Javascript:

 var selectTag = document.getElementById('loop1') var pTag = document.getElementById('car1_val') pTag.innerText = selectTag.value function val() { pTag.innerText = selectTag.value; var strTxt = selectTag.options[selectTag.selectedIndex].value; pTag.innerHTML = strTxt; }

¿Alguien puede ayudarme dónde me equivoqué?