自动将javascript计算结果放入HTML表单_Javascript_Html

自动将javascript计算结果放入HTML表单

javascript html

自动将javascript计算结果放入HTML表单,javascript,html,Javascript,Html,我有一个javascript函数，它计算一些变量的整数和。基本上是 fscalculate() = number1 + number2 + number3 = totalScore 其中fscalculate（）将三个数字相加，并将结果设置为变量totalScore 我创建了一个表单，询问用户的姓名和电子邮件，我使用php脚本使用POST方法将名称和电子邮件发送到电子邮件地址我想创建一个自动填充整数totalScore的字段。如果可以，我应该能够在php脚本中添加一行，将其与用户名和电子邮

我有一个javascript函数，它计算一些变量的整数和。基本上是

fscalculate() = number1 + number2 + number3 = totalScore

其中fscalculate（）将三个数字相加，并将结果设置为变量totalScore

我创建了一个表单，询问用户的姓名和电子邮件，我使用php脚本使用POST方法将名称和电子邮件发送到电子邮件地址

我想创建一个自动填充整数totalScore的字段。如果可以，我应该能够在php脚本中添加一行，将其与用户名和电子邮件地址一起发送

任何帮助都将不胜感激

var totalscore = num1+num2+num3;

假设您的html表单元素是

<input type="text" id="score">

完整的测试代码：

<html>
<head>
<script src="jquery.js">
</script>
<script>
$(document).ready(function(){
$("#score").val( "hi");
});
</script>
</head>
<body>
<input type="text" id="score">
</bodY>
</html>


$（文档）.ready（函数（）{
$（“#分数”）.val（“嗨”）；
});

尝试以下方法：

<input type="text" id="total" value="" disabled />
<script>
    var totalScore = num1+num2+num3;
    document.getElementById("total").value = totalScore;
</script>


var totalScore=num1+num2+num3；
document.getElementById（“total”）.value=totalScore；

祝你好运

使用HTML5

标签。它是为捕获表单计算结果而设计的

<form oninput="totalScore.value = (+num1.value)+(+num2.value)+(+num3.value);">
    <input type="number" id="num1" />+
    <input type="number" id="num2" />+
    <input type="number" id="num3" />=
    <output name="totalScore" for="num1 num2 num3"></output>
</form>


+
+
=

下面是正在发生的事情的细目：

由于输入是一个字符串，我们希望使用
```
+someString
```
我们指定进入计算。通常，使用此选项是为了不得到
```
NaN
```
如果其中一个输入字段为空，则返回结果。但既然我们将输入强制为数字时，空字符串将转换为0。因此，这不是必需的，但为了清晰起见，最好有它（尤其是如果计算变得更复杂）
请注意，我们没有为数字输入包含
```
name
```
属性。这是为了防止他们被提交。我们只关心结果

另外，这里有一个当前支持

输出的解决方案

，这个答案看起来很有希望！但是，我的PHP代码如下所示：/*数据变量*/$email=$\u POST['email']$名称=$_POST['name']$分数=$_POST['score']$身体=

<form oninput="totalScore.value = (+num1.value)+(+num2.value)+(+num3.value);">
    <input type="number" id="num1" />+
    <input type="number" id="num2" />+
    <input type="number" id="num3" />=
    <output name="totalScore" for="num1 num2 num3"></output>
</form>