更新html表中的值django + bootstrap

Question

我有一个twitter bootstrap前端和django后端设计，我想在购物车上做一个"加/减"按钮来更新数量和价格。怎样做才是最好的选择呢?目前，我正在使用2个按钮的形式，并更新数量和价格值内的视图。如果我使用Jscript，我如何更新会话字段的数量和价格?

我想实现这一点:http://bootsnipp.com/snippets/featured/buttons-minus-and-plus-in-input但当点击加/减有价格根据数量值更新。

Answer 1

Javascript可以用来根据数量更新价格。

Django只在向数据库提交数据时进行更新。您可以在粗略的数据库中创建一个购物车对象，并将用户选择的内容保存在该购物车中。但是对于在页面上更新价格和数量而不向数据库提交数据，则为Javascript。

我建议在页面上使用Javascript进行价格和数量更新，然后当他们选择"添加到购物车"按钮时，然后像任何其他Django Form一样提交数据，并将数据保存在该用户会话的购物车中。

Answer 2

我认为对于您的情况，一个简单的jquery函数当quantity元素改变时就足够了。

比如

$(document).ready(function() {
    $("#quantity").change(function(){
        q = document.getElementById("quantity").val()
        p = document.getElementById("price").val()
        t = p*q
        document.getElementById("total").val(t)
    });
});