Как изменить каждый элемент шаблона 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, но это только пример

Вернуться на верх