Как изменить каждый элемент шаблона django для цикла с помощью javascript
{% for transaction in transactions %}
<ul>
<li>{{transaction.number}}</li>
<li id = "price">{{transaction.price}} USD </li>
<li>{{transaction.created}}</li>
</ul>
<hr>
{% endfor %}
Я сделал опцию конвертера валют с api. В этом случае у пользователя есть 3 транзакции. Как я могу изменить валюту каждой транзакции с помощью javascript после использования выпадающего меню? Когда я меняю валюту с помощью document.getElementById("price").innerHTML = ${totalExchangeRate2} ${selectValue}
; (это onchange с выпадающим меню) меняется только первая цена. Как сделать этот цикл django доступным в javascript или что-то вроде этого?
вместо вашего li
:
<li id = "price">{{transaction.price}} USD </li>
создайте его с помощью unique id
<li id = f"price-{transaction.pk}">{{transaction.price}} USD </li>
с этого момента у каждого li element
будет свой unique id
, с помощью которого вы сможете изменять его с помощью JS
далее с помощью JS вы можете сделать что-то вроде этого:
document.getElementById("price-1").innerHTML = ${totalExchangeRate1} ${selectValue}
document.getElementById("price-2").innerHTML = ${totalExchangeRate2} ${selectValue}
document.getElementById("price-3").innerHTML = ${totalExchangeRate3} ${selectValue}
лучше было бы сделать ForEach
, но это только пример