Javascript jQuery/JS表单发布

Javascript jQuery/JS表单发布,javascript,jquery,html,Javascript,Jquery,Html,我有一个HTML表单,需要帮助使用jQuery(或JavaScript)添加和删除数据 $('purchase car')。在('click','button',函数(事件){ event.preventDefault(); /*对事件采取行动*/ var carName=$('.purchase car select').val(); var carPrice=$('.purchase car select')。查找(':selected')。数据('price'); var carQuan

我有一个HTML表单,需要帮助使用jQuery(或JavaScript)添加和删除数据

$('purchase car')。在('click','button',函数(事件){
event.preventDefault();
/*对事件采取行动*/
var carName=$('.purchase car select').val();
var carPrice=$('.purchase car select')。查找(':selected')。数据('price');
var carQuantity=$('.purchase car input[name=“quantity”]')。val();
var totalPrice=carPrice*carQuantity;
var orderToAdd='
  • '+'+carName+'('+carQuantity+')删除'+'
  • '; $('ul').prepend(orderToAdd); $(“#付款金额”).html(总计); });
    
    
    • 沃尔沃(1)移除
    • 梅赛德斯(2)拆卸
    总价:30

    沃尔沃(10美元) 萨博(20美元) 梅赛德斯(10美元) 奥迪(30美元) 添加
    考虑到您的更新,您应该创建一个全局变量

    var vehicles = new Array;
    
    要增加该值,请在插入车辆的功能中添加行:

    var currentValue = parseInt($("#payment-amount").html());
    $("#payment-amount").html(curentValue + (carPrice * carQuantity));
    vehicles.push({price: carPrice, quantity: carQuantity});
    
    然后,要在删除价格时更新价格,请执行以下操作:

    $("ul").on("click", "li span", function() {
        var index = $(this).parent().index();
        var currentValue = parseInt($("#payment-amount").html());
        var removeValue = vehicles[index]['price'] * vehicles[index]['quantity'];
        $("#payment-amount").html(currentValue - removeValue);
        vehicles.splice(index, 1);
        $(this).parent().remove();
    });
    

    谢谢你的回复。。我已经更新了一点这个问题。你能把它读回来并给出你的意见吗?再加上一些小的修改。