如何使用 PHP 将 Javascript 变量传递到 MYSQL？

Question

我正在尝试将我的变量发送到 mysql 数据库，但数据库仅使用 HTML 输入标记显示变量。

结果显示“未定义的索引：比率和数量”

请求解决。

谢谢

<?php
        if(isset($_POST['send'])){
            $dayhour = $_POST['dayhour'];
            $wagetype = $_POST['wagetype'];
            $rate = $_POST['rate'];
            $amount = $_POST['amount'];

            $query = "INSERT INTO `result` ( `DaynHour`, `Wagetype`, `Rate`, `Amount`) VALUES ('$dayhour','$wagetype' , '$rate', '$amount')"; }
 ?>

 <form action="connection.php" method="post" class="form-signin">
                
<label for="hour">hour</label><input name="dayhour" type="text" id="dayhour" ><br>
<label for="wagetype">type</label>              
       <select name="wagetype" id="wagetype" onchange="calc()">
              <option value="PublicHolidays" id="PHOT">PublicHolidays</option>
              <option value="Normaldays" id="NDOT">Normaldays</option>
              <option value="MorningShift" id="NDOT">MorningShift</option>
       </select><br><br>
       
       <script type="text/javascript">
       function calc(){
       var a = parseFloat(document.querySelector("#dayhour").value);
       var op = document.querySelector("#wagetype").value; 
       var amount;
       if (op == "PublicHolidays") { rate = 37.5; amount = rate *a;}
         else if (op == "Normaldays") { rate = 2; amount = rate *a;}
            else if (op == "MorningShift") { rate = 6; amount = rate *a;}
                document.querySelector("#amount").innerHTML = amount;
                document.querySelector("#rate").innerHTML = rate; }
       </script>


<label for="rate">rate :</label><output name="rate"  id="rate" ></output><br>
<label for="amount">amount :</label><output  name="amount"  id="amount" ></output><br>
<button name="send"  type="submit">Sign up</button>

Answer 1

尝试将<output name="rate" id="rate" ></output> 更改为<input name="rate" id="rate" type="hidden"/> 和<output name="amount" id="amount" ></output> 更改为<input name="amount" id="amount" type="hidden"/>

您可以将您的 calc() 函数更改为此代码，我认为添加金额和费率的默认值以防万一它们不符合 IF 条件是个好主意

function calc() {
    var a = parseFloat(document.querySelector("#dayhour").value);
    var op = document.querySelector("#wagetype").value; 
    var amount;
    var rate;
    if (op == "PublicHolidays") { 
        rate = 37.5; amount = rate *a;
    } else if (op == "Normaldays") { 
        rate = 2; amount = rate *a;
    } else if (op == "MorningShift") { 
rate = 6; amount = rate *a;
    }
    document.getElementById("amount").value = amount;
    document.getElementById("rate").value = rate;
}

Answer 2

是的，您可以使用表单传递任何值。在这种情况下，创建一个隐藏的输入字段并将其值分配给您想要的任何标签的值。这可以使用 javascript 或通过侦听更改事件轻松地使用 JQuery 来完成。就这样。提交表格，你就有了价值。