在输入框中显示实时结果

Question

我试图在另一个禁用的输入框中实时显示输入的结果，并且没有太多运气。代码如下：

var inputBox = document.getElementById('input');

inputBox.onkeyup = function(){
    document.getElementById('output').innerHTML = inputBox.value*2;
}

<input type='text' id='input'>

<input type='text' id='output' disabled>

有人可以帮忙吗？

谢谢，

约翰

Answer 1

尝试添加侦听器并使用值而不是innerHTML：

document.getElementById('input').addEventListener("keyup", myFunction);

var inputBox = document.getElementById('input');

function myFunction(){
    document.getElementById('output').value = inputBox.value*2;
}

JSfiddle：https://jsfiddle.net/22t37834/

Answer 2

使用＆＃39; keyup＆＃39;因为它在输入字符后被触发。

$("#input").keyup (function (e) {
     $('#output').val($(this).val() * 2);
});

Answer 3

试试这个 -

var inputBox = document.getElementById('input');

inputBox.onkeyup = function(){
    document.getElementById('output').innerHTML = inputBox.value*2;
   var val = document.getElementById('input').value
  document.getElementById('output').value = val;
}

<input type='text' id='input'>

<input type='text' id='output' disabled>