Динамически изменять значения на основе выбранной пользователем опции django

Я пытаюсь изменить значение на основе обменного курса, выбранного пользователем в теге <option>. Я не хочу сохранять результат формы в базу данных. Я просто хочу, чтобы он динамически менялся всякий раз, когда пользователь меняет параметр валюты.

Скажем, пользователь выбирает валюту из формы ниже с параметрами в представлении:

ПОСМОТРЕТЬ

def view(request):

   currency_dict = {'EUR': 0.9154994049253867, 'JPY': 123.86706948640484, 'BGN': 1.7905337361530713, 'CZK': 22.375720955781375}

   cur = currency_dict.items()

   deposit = 10000

   context = {
   'currency_dict': currency_dict,
   'cur': cur,
   'deposit': deposit,
   }

   return render(request, 'coinprices/my-dashboard.html', context)

HTML — ФОРМА

<div class = "container">
    <div>
        <span>
    <h1>My Dashboard</h1>
        </span>
        <span>
        <form method = "post">
            <label>Choose Currency:</label>
            <input list = "ex-currency">
            <datalist id = "ex-currency">
            {% for k, v in currency %}
                <option value = "{{ k }}"></option>
            {% endfor %}
            </datalist>
            {% csrf_token %}
            <button class = "btn btn-outline-success btn-sm">Submit</button>
        </form>
        </span>
    </div>
</div>

Затем в зависимости от выбора пользователей умножьте значение {{ deposit }} на currency_dict[user_selected_currency] и измените текст, выделенный жирным шрифтом (см. ниже):

ЖЕЛАЕМЫЙ РЕЗУЛЬТАТ

<span>
   <div><b>Total Investment {{ user_selected_currency }}</b></div>
   <span class = "text-xl">${{ deposit * currency_dict[user_selected_currency] }}</span>
</span>

Любые идеи, как этого можно достичь?

что такое currency в твоей форме?

Thierno Amadou Sow 08.04.2022 04:29

Вы можете использовать JS для достижения этого довольно легко

Akram 08.04.2022 08:32
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
2
22
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

К сожалению, это не то, что вы можете сделать с помощью функции render, вам понадобится запрос GET с использованием ajax, когда пользователь изменит значение, а затем вы можете вызвать функцию на основе параметра пользователя и вернуть действительный ответ пользователю это под названием «Связанный выпадающий список». Я нашел эту замечательную статью, которая, возможно, может вам помочь Как реализовать зависимый/связанный выпадающий список с помощью Django

Другие вопросы по теме