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

Posted 2023-02-24

【中文标题】如何自动填充表单框值填充另一个？

【英文标题】：How to autofill form box value filling other one?

【发布时间】：2020-10-29 18:03:37

【问题描述】：

我使用这个类模型在 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 表格中不会出现任何内容

【参考方案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);
  )
);

【讨论】：

您好，感谢您的回答。我已经尝试过您的代码，但不起作用。我已根据您的建议编辑了我的问题。

使用检查元素检查输入的 ID

默认情况下django在字段名前添加id_