如何自动填充表单框值填充另一个？

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_a 和 var_b 的表单框中插入值时，可以自动填充 var_c。

我特别想弄清楚以下等式：

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);
  })
});