{% for transaction in transactions %} <ul> <li>{{transaction.number}}</li> <li id = "price">{{transaction.price}} USD </li> <li>{{transaction.created}}</li> </ul> <hr> {% endfor %} Hice la opción de conversión de moneda con api. En este caso, el usuario tiene 3 transacciones. ¿Cómo puedo cambiar la moneda de cada transacción con javascript después de usar el menú desplegable? Cuando cambio la moneda por document.getElementById("price").innerHTML = ${totalExchangeRate2} ${selectValue}; (está en cambio con el menú desplegable) solo los primeros cambios de precio. ¿Cómo hacer que este bucle django esté disponible en javascript o algo así?
en lugar de tu li :
<li id = "price">{{transaction.price}} USD </li> créelo con unique id
<li id = f"price-{{transaction.pk}}">{{transaction.price}} USD </li> a partir de este momento cada li element tendrá su propio unique id , con el cual podrás cambiarlo con JS
luego con JS puedes hacer algo como esto:
document.getElementById("price-1").innerHTML = ${totalExchangeRate1} ${selectValue} document.getElementById("price-2").innerHTML = ${totalExchangeRate2} ${selectValue} document.getElementById("price-3").innerHTML = ${totalExchangeRate3} ${selectValue} sería mejor hacerlo con ForEach , pero esto es solo un ejemplo