如何将输入的值插入JS中的其他输入?

时间:2018-09-14 09:06:19

标签: javascript html html5 function ecmascript-6

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

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" />

谢谢!

1 个答案:

答案 0 :(得分:7)

您应使用.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" />