Как автоматически заполнить значение поля формы, заполнив другое?

Question

Я создал форму в django, используя эту модель класса:

#models.py

    class Example(models.Model):
        var_a=models.DecimalField()
        var_b=models.DecimalField()
        var_c=models.DecimalField()

Предположим, я создал форму, используя эту переменную:

#template.html

    <form id="example" method="post">
      <div class="form-group col-2 0 mb-0" id="var_a" >
         {{form.var_a|as_crispy_field}}
      </div>
     <div class="form-group col-2 0 mb-0" id="var_b" >
         {{form.var_b|as_crispy_field}}
     </div>
     <div class="form-group col-2 0 mb-0" id="var_c" >
         {{form.var_c|as_crispy_field}}
     </div>

Теперь я хочу создать код jQuery, который дает мне возможность автозаполнения var_c, когда я вставляю значение в поле формы var_a и var_b.

В частности, я хочу выяснить следующее уравнение:

var_c=var_a*var_b

Возможно ли его получить?

Изменить

Я пробовал использовать следующий код:

$(document).ready(function () {
          $('#var_a, #var_b').change(function (){
            var a = $('#var_a').val();
            var b = $('#var_b').val();
            $('#var_c').val(a*b);
          })
        });

Но не работает. Если я заполню поле формы var_a и var_b, ничего не появится в поле формы var_c

Answer 1

$(document).ready(function () {
  $('#id_var_a, #id_var_b').change(function (){
    var a = $('#id_var_a').val();
    var b = $('#id_var_b').val();
    $('#id_var_b').val(a*b);
  })
});