将以<span>中显示的值插入到数据库中不起作用

我正在尝试将一个显示在span中的值插入到数据库中。我正在使用此处显示的代码 https://jsfiddle.net/ffL58e1d/2/,并添加了一个提交按钮以发布到数据库。


我得到了一个新行,在单击提交时,我收到消息“确定”,但在数据库中,价格字段显示为空白,同时插入了ID。我不确定我做错了什么或错过了什么,我试图进行更改,进行onclick提交等,但没有任何效果。请参阅以下内容:


<html>


<head>

    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"

        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">

    </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"

        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">

    </script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"

        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">

    </script>

</head>


<body>

    <form method="post">

        <div class="products">

            <input type="checkbox" data-price="1000" value="1" name="product_ids[]" id="product_id_1">

            <input type="checkbox" data-price="1200" value="2" name="product_ids[]" id="product_id_2">

            <input type="checkbox" data-price="1300" value="3" name="product_ids[]" id="product_id_3">

        </div>

        <!-- <div class="products">

            <input type="checkbox" data-price="1000" value="1" name="product_ids[]" id="product_id_1">

            <input type="checkbox" data-price="1200" value="2" name="product_ids[]" id="product_id_2">

            <input type="checkbox" data-price="1300" value="3" name="product_ids[]" id="product_id_3">

        </div> -->


我的数据库显示:在这里输入图像描述


请告知我如何获取插入到数据库的值。


注意:这是一个测试代码,在我的网站上使用代码之前,将进行相关修改。


临摹微笑
浏览 92回答 1
1回答

噜噜哒

每当总价格发生变化时,您都需要更新隐藏的输入。因此,添加到更改处理程序中。$("#total").val(sum)var total = $('#final_price').text();$('#total').val(total);$('.products input, .payment_options input').on('change', function() {&nbsp; var sum = 0;&nbsp; $('.products').find('input:checked').each(function() {&nbsp; &nbsp; sum += $(this).data('price') * $('.payment_options').find('input:checked').data(&nbsp; &nbsp; &nbsp; 'price-modifier');&nbsp; });&nbsp; $('#final_price').text(sum);&nbsp; $("#total").val(sum);});
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript