Javascript 将HTML函数转换为PHP脚本。(选择两个要相乘的值)

Javascript 将HTML函数转换为PHP脚本。(选择两个要相乘的值),javascript,php,html,css,Javascript,Php,Html,Css,我的工作是将以下javascript函数转换为PHP并显示正确的结果。如何使用PHP将NumA和NUMBSELECT选项的两个值相乘?折扣必须显示在折扣输入框中,以及总计输入框中的总计。我在创建一个PHP脚本时遇到困难,该脚本获取两个选定选项的值并将它们相乘,同时在下面的框中显示这两个结果 这是HTML代码,其中包含我需要转换为PHP的函数 var numA=0; 函数totalA(valA){ if(valA){ numA=数值(valA);} var disc=numB*numA; var

我的工作是将以下javascript函数转换为PHP并显示正确的结果。如何使用PHP将NumA和NUMBSELECT选项的两个值相乘?折扣必须显示在折扣输入框中,以及总计输入框中的总计。我在创建一个PHP脚本时遇到困难,该脚本获取两个选定选项的值并将它们相乘,同时在下面的框中显示这两个结果

这是HTML代码,其中包含我需要转换为PHP的函数


var numA=0;
函数totalA(valA){
if(valA){
numA=数值(valA);}
var disc=numB*numA;
var总成本=(numA-disc);
document.getElementById(“total”).value=“$”+totalCost.toFixed(2);
document.getElementById(“折扣”).value=“$”+disc.toFixed(2);}
var-numB=0;
函数totalB(valB){
如果(valB){
numB=Number(valB);}
var disc=numB*numA;
var总成本=(numA-disc);
document.getElementById(“total”).value=“$”+totalCost.toFixed(2);
document.getElementById(“折扣”).value=“$”+disc.toFixed(2);}

选择您的服务 改头换面 发型设计 修指甲 永久性化妆

选择折扣 0% 10% 20%

折扣券: 总计:



首先更新您的表单:

<form action="" method="post">
    <select name="service" id="service" placeholder="Please select a service">
        <option value="" disabled selected>Select your service</option>
        <option value="125">Makeover</option>
        <option value="60">Hair Styling</option>
        <option value="35">Manicure</option>
        <option value="200">Permanent Makeup</option>   
    </select>
    <br><br>
    <select name="discount" id="discount" placeholder="Please select the discount">
        <option value="" disabled selected>Select the discount</option>
        <option value="0">0%</option>
        <option value=".1">10%</option>
        <option value=".2">20%</option>  
    </select>
    <br><br>
    <button type="submit">Calculate</button>
</form>

选择您的服务
改头换面
发型设计
修指甲
永久性化妆


选择折扣 0% 10% 20%

算计
使用PHP处理表单提交(计算总成本和折扣):


最后,显示总成本和折扣:

<?php
    $service = isset($_POST['service']) ? $_POST['service'] : 0;
    $discount = isset($_POST['discount']) ? $_POST['discount'] : 0;
    $total_discount = number_format($discount * $service, 2);
    $total_cost = number_format($service - $total_discount, 2);
?>
<p>Discount Coupon: <input id="discount" type="text" value="&dollar;<?php echo $total_discount; ?>"/></p>
<p>Grand Total: <input id="total" type="text" value="&dollar;<?php echo $total_cost; ?>"/></p>

折扣券:您尝试过什么PHP?@j08691我尝试过为这两个变量编制索引,并使用$result变量将它们相乘。我不确定如何正确显示结果。(javascript)1使用
FormData
对象收集表单数据。2使用AJAX将formdata提交到php文件。(php)3检索传递给php的变量并使用它们执行计算。4打印结果。(javascript)5 Get responseText of ajax调用(如果成功)6将检索到的文本复制到正确的输出元素。您是否让它使用此解决方案?是的,完整代码如下: