javascript - 如何自动填写表格框的值来填写其他内容？

我已经使用此类模型在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框形式中什么也没有出现