Django-使用腳本實時獲取HTML中兩個元素之間的“總計”

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">

作為腳本，我使用了此腳本（看到了問題的答案，但無法在“總計”輸入中重新創建結果）

腳本

<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) 。