Php 使用表单字段执行添加。不离开页面

我想用一些表单字段进行一些数学运算，（基本上是计算一些东西；）

我有三个字段，希望将它们相加，同时将它们乘以一个固定的数字

目前我正在用PHP做这项工作，它工作得很好，但我已经修改了网站设计，使其全部为HTML5和CSS3，并认为如果用户能够在表单中输入详细信息，然后立即看到结果，那将是非常棒的

最好的方法是什么

---

您有任何示例代码或教程吗

JavaScript或Ajax都可以解决您的问题。这些可以动态地完成您的工作。

JavaScript或Ajax都可以解决您的问题。这些可以动态完成您的工作。

安装后，您可以执行以下操作：

<script type="text/javascript">
$(document).ready(function ()
{
    $("input").keyup(function ()
    {
        field_one = $("input[name='some_field']").val();
        field_two = $("input[name='some_field_2']").val();
        field_three = $("input[name='some_field_3']").val();

        result = field_one+field_two+field_three;

        /* any other calculations */

        $("input[name='result_input']").val(result);
    });
});
</script>

$（文档）.ready（函数（）
{
$（“输入”）.keyup（函数（）
{
field_one=$（“input[name='some_field']”）val（）；
field_two=$（“input[name='some_field_2']”）val（）；
field_three=$（“input[name='some_field_3']”）val（）；
结果=场1+场2+场3；
/*还有其他计算吗*/
$（“输入[name='result\u input']”）val（结果）；
});
});

您不需要jQuery，但它在简化这类事情方面相当有用。将$（“input”）替换为特定于用于计算结果的输入的选择器。

安装后，可以执行以下操作：

<script type="text/javascript">
$(document).ready(function ()
{
    $("input").keyup(function ()
    {
        field_one = $("input[name='some_field']").val();
        field_two = $("input[name='some_field_2']").val();
        field_three = $("input[name='some_field_3']").val();

        result = field_one+field_two+field_three;

        /* any other calculations */

        $("input[name='result_input']").val(result);
    });
});
</script>

$（文档）.ready（函数（）
{
$（“输入”）.keyup（函数（）
{
field_one=$（“input[name='some_field']”）val（）；
field_two=$（“input[name='some_field_2']”）val（）；
field_three=$（“input[name='some_field_3']”）val（）；
结果=场1+场2+场3；
/*还有其他计算吗*/
$（“输入[name='result\u input']”）val（结果）；
});
});

---

您不需要jQuery，但它在简化这类事情方面相当有用。将$（“input”）替换为特定于用于计算结果的输入的选择器。

这对于javascript来说绝对是个问题；）由于易于使用，我将使用jQuery来描述它

$(document).ready(function() {
   $("#calculate").click(function(e) {
      var value1 = $("#value1").val();
      var value2 = $("#value2").val();
      var value3 = $("#value3").val();

      var result = (value1 + value2 + value3) * 5;
      $("#result").val(result);
      e.preventDefault();
   };
}

---

这假设您有4个输入字段。前三个具有id

value1

、

value2

和

value3

，最后一个具有id

result

，将在其中写入结果。此外，您还包括一个id为calculate的按钮，单击该按钮将触发计算由于易于使用，我将使用jQuery来描述它

$(document).ready(function() {
   $("#calculate").click(function(e) {
      var value1 = $("#value1").val();
      var value2 = $("#value2").val();
      var value3 = $("#value3").val();

      var result = (value1 + value2 + value3) * 5;
      $("#result").val(result);
      e.preventDefault();
   };
}

---

这假设您有4个输入字段。前三个具有id

value1

、

value2

和

value3

，最后一个具有id

result

，将在其中写入结果。此外，还包括一个id为calculate的按钮，单击该按钮将触发计算。

var elems=document.getElementsByClassName（'toAdd'）

var myLength=元素长度， 总数=0

对于（var i=0；i

---

document.getElementById（'total'）。value=total

var elems=document.getElementsByClassName（'toAdd'）

var myLength=元素长度， 总数=0

对于（var i=0；i

---

document.getElementById（'total'）。value=total

javascript是一种方法，但是对于我们来说，为了更好地帮助您，也许您可以展示您想要进行的计算方式javascript是一种方法，但是对于我们来说，为了更好地帮助您，也许你可以展示你想做的计算当Javascript有一个强大的数学库时使用AJAX是相当荒谬的当Javascript有一个强大的数学库时使用AJAX是相当荒谬的这不会起作用，脚本在页面加载时执行一次，但在输入任何值时都不会执行。这不会起作用，该脚本在页面加载时执行一次，但在输入任何值时都不会执行。如何显示结果？它位于

e.preventDefault（）前面的行中。调用
$（“#result”）.val（…）
将输入值设置为计算结果。我会编辑它。。。一秒钟。如何显示结果？它在
e.preventDefault（）前面的一行中。调用
$（“#result”）.val（…）
将输入值设置为计算结果。我会编辑它。。。一秒钟。