主页 / 问题 / 1028686
Accepted
Каролина
Asked:2020-09-27 21:34:02 +0800 CST2020-09-27 21:34:02 +0800 CST

将数据从js传递到php

  • 772

我正在写一个投资计算器。总和大小由滑块设置并显示在 c id="summa2" 字段中。有必要通过按下“计算”按钮，将值从 summa2 字段读取到名为 $summa 的 php 变量中，使用 js 编写的 fun1 函数替换其中的值。未在 php 中读取该变量。

<!DOCTYPE html>
<html lang="rus">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>BANK</title>

    <script type="text/javascript" src="script.js" defer>
    </script>
</head>
<body>
    <div id="wrapper">
            <table id="calc">
                <form name="calc" method="post" action="calc.php">
                    <tr>
                        <td>Сумма вклада</td>
                        <td><input id="summa2" name="summa2" "type="number" min="1000" max="3000000" step="1" required value=""></td>
                        <td><input id="begunok" type="range" min="1000" max="3000000" step="1" value="" oninput="fun1()">
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3"><input id="knopka" type="button" value="Рассчитать">Результат:</td>
                    </tr>   
                </form>
            </table>
        </div>

    </div>
</body>
</html> 

                            function fun1() {
                                 var rng2=document.getElementById('begunok'); 
                                      var summa2=document.getElementById('summa2'); 
                                      summa2.value=rng2.value;
                                      }

<?php
if($_SERVER['REQUEST_METHOD'] == 'POST') {
   $summa = $_POST['summa2']; 
   echo $summa;
}
?>
javascript

1 个回答

  1. Best Answer

    代码中有两点 - 按钮上的提交未挂起，额外的引号"type="number"

    PS 从操作中删除了 calc.php，以便可以看到 $_POST 的内容

    在此处输入图像描述

    <?php
    if($_SERVER['REQUEST_METHOD'] == 'POST') {
       $summa = $_POST['summa2']; 
       echo $summa;
    }
    ?>
    <!DOCTYPE html>
    <html lang="rus">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="style.css">
        <title>BANK</title>

        <script type="text/javascript" src="script.js" defer>
        </script>
    </head>
    <body>
        <div id="wrapper">
                <table id="calc">
                    <form name="calc" method="post" action="">
                        <tr>
                            <td>Сумма вклада</td>
                            <td><input id="summa2" name="summa2" type="number" min="1000" max="3000000" step="1" required value=""></td>
                            <td><input id="begunok" type="range" min="1000" max="3000000" step="1" value="" oninput="fun1()">
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3"><input id="knopka" type="submit" value="Рассчитать">Результат:</td>
                        </tr>   
                    </form>
                </table>
            </div>

        </div>
        <script>
        function fun1() {
                                     var rng2=document.getElementById('begunok'); 
                                          var summa2=document.getElementById('summa2'); 
                                          summa2.value=rng2.value;
                                          }
                                          </script>

    </body>
    </html>
    • 2

相关问题