如何自动计算价格和数量然后显示结果？ AJAX PHP

Question

我正在创建一个简单的项目，其中包括自动计算价格和数量，然后仅在使用 AJAX 触发，设置或选择了两个标签后才显示它，而无需使用提交按钮。我可以实现，但是不使用提交按钮就不会自动计算和显示它。

这是我的HTML代码：

if(isset($_POST['submit'])) {

    $days     = $_POST['days'];
    $persons  = $_POST['persons'];

    // get database of the 'price' from rates tbl 
    $sql = "SELECT * FROM rates WHERE duration='$days'";
    $res = mysqli_query($conn,$sql);

        $rates_tbl = mysqli_fetch_assoc($res);

    $rates = $rates_tbl['price'];

    $total_price = ($rates*$persons);

    echo 'total: ' . number_format($total_price) . '.00';

}

假设在我的数据库

中

第2天== 1000

第3天== 2000

这是我在PHP中的代码：

    <script type="text/javascript"> 
       $.ajax({  
            url:"autocalculate.php",  
            method:"POST"
       }) 
    </script>

我应该使用这种类型的Ajax吗？我什至不知道这是否正确。

function myStuff(idText) {
    $("#" + idText).click(function () {

    if ($('#' + idText + "_data").is(':visible')) {
        $("#" + idText).removeClass("section-title").addClass("section-title closed");
    } else {
        $("#" + idText).removeClass("section-title closed").addClass("section-title");
    }
    $("#" + idText).slideToggle("fast");
}

1 个答案:

答案 0 :(得分：1)

如果目标是在屏幕上显示值，则可以使用它。

<form method="post">
<select name="days">
    <option value="2">2 days</option>
    <option value="3">3 days</option>
</select>
<select name="persons">
    <option value="2">2 persons</option>
    <option value="4">4 persons</option>
    <option value="6">6 persons</option>
    <option value="8">8 persons</option>
</select>

和您的jQuery脚本

    var readyToCalculate = false;
var optionChanges = 0;
$('select').on('change', function (e) {
   if(readyToCalculate==true){
        calculate();
   } else {
    optionChanges ++;   
    if (optionChanges==2){
    readyToCalculate = true;
    calculate();
    }
   }
});

function calculate(){

var val1 =  parseInt($('select[name=days]').val());
var val2 =  parseInt($('select[name=persons]').val());
var result = (val1 + val2);
$(".results").html(result);
}

相关问题

• Javascript计算数量*价格
• 如何从价格*数量中获得结果？
• 计算折扣和数量的新价格
• 根据价格计算图层数量
• 计算数量*价格=总计|总价/价格=数量
• 如何自动计算价格和数量然后显示结果？ AJAX PHP
• PHP按数量范围价格计算价格
• 输入价格后，如何在表格中添加另一行并计算金额（数量*价格）？
• Magento：计算购物车数量并显示div？
• 计算购物车中数量增加或减少时每行的总价。 （数量*价格）

最新问题

• 我写了这段代码，但我无法理解我的错误
• 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
• 是否有可能使 loadstring 不可能等于打印？卢阿
• java中的random.expovariate()
• Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
• 为什么我的 Onclick 箭头功能在 React 中不起作用？
• 在此代码中是否有使用“this”的替代方法？
• 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
• 每千个数字得到
• 更新了城市边界 KML 文件的来源？

Answer 1

如果目标是在屏幕上显示值，则可以使用它。

<form method="post">
<select name="days">
    <option value="2">2 days</option>
    <option value="3">3 days</option>
</select>
<select name="persons">
    <option value="2">2 persons</option>
    <option value="4">4 persons</option>
    <option value="6">6 persons</option>
    <option value="8">8 persons</option>
</select>

和您的jQuery脚本

    var readyToCalculate = false;
var optionChanges = 0;
$('select').on('change', function (e) {
   if(readyToCalculate==true){
        calculate();
   } else {
    optionChanges ++;   
    if (optionChanges==2){
    readyToCalculate = true;
    calculate();
    }
   }
});

function calculate(){

var val1 =  parseInt($('select[name=days]').val());
var val2 =  parseInt($('select[name=persons]').val());
var result = (val1 + val2);
$(".results").html(result);
}