如何将输入的值插入JS中的另一个输入？答案

【问题标题】：How to insert the value of input to another inputs in JS?如何将输入的值插入JS中的另一个输入？
【发布时间】：2019-02-19 01:34:49
【问题描述】：

为什么我不能将一个输入的值插入另一个输入？以下示例不起作用：

document.getElementById("input").oninput = () => {
  const input = document.getElementById('input');
  const output = document.getElementById('output');

  // Trying to insert text into 'output'.
  output.innerText = input.value;
};

<input id="input" placeholder="enter value of temperature" />
<br>
<input id="output" />

谢谢！

【问题讨论】：

Set Value of Input Using Javascript Function的可能重复

标签： javascript html function ecmascript-6

【解决方案1】：

您应该使用.value 而不是.innerText 将值设置为输入元素，例如：

output.value = input.value;

document.getElementById("input").oninput = () => {
  const input = document.getElementById('input');
  const output = document.getElementById('output');

  output.value = input.value;
};

<input id="input" placeholder="enter value of temperature" />
<br>
<input id="output" />

【讨论】：

我们不应该把它当作骗子来关闭吗？
实际上，我是反对者。这不是因为你的答案不正确。这是因为，它是多余的，因此它不是必需的。作为更有经验的用户，我们应该为此类帖子寻找骗子并关闭它们而不是回答。
感谢您的干预@asynts（已批准）

【解决方案2】：

您可以通过以下代码获取实时值，

jQuery('input#currentValue').change(function(){
    var current_value = jQuery('input#currentValue').val();
    jQuery('input#value1').val(current_value );
});

【讨论】：

【解决方案3】：

这可能会有所帮助。据我所知。你的代码不能在 IE 上运行。因为 IE 不支持箭头函数。但是您的代码中的错误是“value1.innerText”，这不是正确的属性。因为在你的代码中你可以看到。

value1.innerText=currentValue.value

因此，如果您使用输入的“值”属性获取值。您必须为另一个输入框分配相同的属性。

所以函数会是这样的。

var convertTemperature = function convertTemperature() {
      var currentValue = document.getElementById("currentValue");
      var value1 = document.getElementById("value1");
      value1.value = currentValue.value;
};

【讨论】：