Django使用scrip在HTML中实时获取两个元素之间的“total”

Question

我知道这个问题已经在这里做了很多，但我看了，尝试了很多答案，未能检索到我需要的

首先，我使用django表单通过视图传递一个来自项的值。在本例中，模板接收值“900”，因为我在HTML中使用默认的{form.price}

<input type="text" name="price" value="900" readonly="readonly" id="id_price">

在同一个HTML中，我有一个字段可以手动插入数量：

<input type="text" name="quantity" id="quantity">

最后的输入显示这两者之间的乘法

<input type="text" name="total" id="total">

作为一个脚本，我使用了这个（在一个问题中看到了答案，但我无法在“total”输入中重新创建结果）

脚本

<script>
$(document).ready(function () {
    $('').keyup(function () {
        var multiplyAndShow = function () {
            var val1 = parseFloat($('#id_price').val())
            var val2 = parseFloat($('#quantity').val())
            val3 = val1 * val2 || "Some Text"
            $("#total").html(val3)
        }
        $("#id_price").keyup(function () { multiplyAndShow(); });
        $("#quantity").keyup(function () { multiplyAndShow(); });
    });
});
</script>

脚本没有被使用，因为当我设置一个数量时，它不会实时生成一个东西。价格值是只读的，所以我不知道这是不是问题所在

我是一个javascript新手，所以任何帮助都将不胜感激

Answer 1

您应该设置total字段的值，而不是html。更改以下行

$("#total").html(val3)

至

$("#total").val(val3)

您还应该将$('')更改为$(document)