根据用户输入的数量计算

Question

我想根据用户输入来计算制作产品的生产成本。我有这个输入字段供用户输入他们想要的数量。

Quantity: <input type="number" name="quantity" min="1" max="100" required>

我有这个代码来反映总材料成本。

<p align="left">Total Material Cost: <u>$<?php echo $row['SUM(material_price*quantity)']; ?> </u> </p>

如何将基于用户输入的数量与材料成本联系起来？

如果用户输入 3，我想要总材料成本 * 3

---

这是我的材料数据库

material_master_id |material_name |数量
1 |桌面 | 1
2 |桌腿| 4

我想分别回显 id 1 和 2 的数量。

这是我的代码 <p align="left">Total quantity of Table Tops: <?php echo $row['quantity']; $material_master_id=="1" ;?></p>

但它显示未定义索引：数量。我该如何解决？

Answer 1

尝试如下：

<input type="number" name="quantity" id="quantity" min="1" max="100" required />
<input type="hidden" name="material_price" id="material_price" value="<?php echo $row['material_price'] ?>" />
<p align="left" class="calculate_result"></p>

<script type="text/javascript">
    $(document).ready(function(){
        $("#quantity").focusout(function() {
            var calculate_result = parseInt($(this).val())*parseInt($("#material_price").val());
            $(".calculate_result").html(calculate_result);
        });
    });
</script>

或

如果你不想使用 jQuery，下面的代码很有用：

<?php if($_POST['submit_me']!="") { 
//use query to get the $row (for getting material_price)
?>
<p align="left">Total Material Cost: <u>$<?php echo row['material_price']*$_POST['quantity']; ?> </u> </p>
<?php } ?>

<form action="" method="post">
<input type="number" name="quantity" id="quantity" min="1" max="100" required />
<input type="submit" name="submit_me" value="submit" />
</form>

Answer 2

请使用 Jquery 计算数据。并通过 Jquery 显示结果。