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显示结果。

根据用户输入的数量

2 个答案: