Ajax 如何动态更改价格并增加输入数量？

我使用jquery的append函数将值传递给另一方。所以我附加了输入类型number，它的值自动等于1

我需要帮助，我不知道如何获得价格和数量小计，而且我在类型字段中得到了一个未定义的下拉输入，我在这个论坛中找到了这段代码，它计算价格列的总数，不乘以数量和价格来给出小计，我对这个jquery和java脚本非常熟悉，如何添加一个将数量*价格相乘的函数

如果我增加输入类型number的值，那么如果我增加number的值，价格如何翻倍

刀片

@foreach($service->invoices as $invoice)
    <tr>
        <td class="text-right">{{ $invoice->description }}</td>
        <td>
            <div class="custom-control custom-checkbox">
                <input type="checkbox" class="custom-control-input" name="custom{{ $invoice->id }}" id="custom{{ $invoice->id }}">
                <label class="custom-control-label" for="custom{{ $invoice->id }}"></label>
            </div>
        </td>
        <td>
            <div class="form-row justify-content-center">
                <div class="form-group mb-0">
                    <div class="input-group mx-auto mb-0">
                        <div class="number-input amount">
                            <button onclick="this.parentNode.querySelector('input[type=number]').stepDown()" id="decrease"></button>
                            <input class="quantity bg-light" id="quantity" min="0" placeholder="0" name="quantity" value="0" type="number">
                            <button onclick="this.parentNode.querySelector('input[type=number]').stepUp()" class="plus" id="increment"></button>
                        </div>
                    </div>
                </div>
            </div>
        </td>
        <td class="cost">{{ $invoice->price }}
        <td class="total"></td>
    </tr>
@endforeach



<script>
    $('.amount > input[type="number"]').on('input', updateTotal);

    function updateTotal(e){
        var amount = parseInt(e.target.value);

        if (!amount || amount < 0)
            return;

        var $parentRow = $(e.target).parent().parent();
        var cost = parseFloat($parentRow.find('.cost').text());
        var total = (cost * amount).toFixed(2);

        $parentRow.find('.total').text(total);
    }
</script>

@foreach（$service->发票为$invoice）
{{$invoice->description}
{{$invoice->price}
@endforeach
$（'.amount>input[type=“number”]'）。在（'input'，updateTotal）上；
函数updateTotal（e）{
var金额=parseInt（即target.value）；
如果（！金额| |金额<0）
返回；
var$parentRow=$（e.target）.parent（）.parent（）；
var cost=parseFloat（$parentRow.find（'.cost'）.text（））；
风险价值总额=（成本*金额）.toFixed（2）；
$parentRow.find（'.total'）.text（总计）；
}

我的输入号码是这样的