Javascript 使用户在输入框中输入的内容自动显示在另一个框中

Javascript 使用户在输入框中输入的内容自动显示在另一个框中,javascript,html,javascript-events,Javascript,Html,Javascript Events,我有三个输入字段。我试图用三个输入做一个基本方程,并将结果显示在另一个框中。我不知道如何使结果显示在那个框中。需要帮忙吗 <input type="text" id="miles" placeholder="miles"> <input type="text" id="minutes" placeholder="minutes"> <input type="text" id="tip" placeholder="tip"> <input

我有三个输入字段。我试图用三个输入做一个基本方程,并将结果显示在另一个框中。我不知道如何使结果显示在那个框中。需要帮忙吗

  <input type="text" id="miles" placeholder="miles">
  <input type="text" id="minutes" placeholder="minutes">
  <input type="text" id="tip" placeholder="tip">

  <input type="output" value="total" id='total'>

因为您的标记是javascript,所以我假设您正在寻找jquery/js解决方案

我将为您提供一个jquery解决方案:

首先,您有3个输入字段。我假设这些字段用于计算某些内容。 使用jQuery,可以这样做

它检查输入字段1或输入字段2是否已更改。如果有变化,它将执行该函数,并为输入字段3提供其他2的组合值

$('.field1, .field2').change(function () {
var valfield1 = $('.field1').val();
var valfield2 = $('.field2').val();
var valfield3 = valfield1 + valfield2;
$('field3').val(valfield3);
});

您甚至可以通过使用键控替换更改来进行实时编辑。

您现在有什么?-1您应该知道您的问题太广泛了,可以在输入字段中插入什么输入?基本方程?没有很清楚的答案,我只是在寻找一个大致的答案。我想要像英里*2+分钟+小费=总数这样的东西。不管是哪种方式,我现在都在考虑数学问题。。更多关于输出工作的能力。这正是我想要的。谢谢,有一个问题。。。我基本上完全掌握了你写的东西。假设第一场是4场,第二场是5场。。它显示为45,而不是9。如何解决这个问题?在对这些值执行算术运算之前,需要将它们转换为整数。我该怎么做?只要一个指向头部的方向就好了。。