使用户放入输入框的内容自动出现在另一个框中

时间:2014-08-13 14:47:26

标签: 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 type="output" value="total" id='total'>

1 个答案:

答案 0 :(得分:0)

由于你的标签是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);
});

您甚至可以通过将“更改”替换为“keyup”进行实时编辑。