在输入框中显示实时结果

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

，因为它是进入焦炭之后触发使用 'KEYUP'。

$("#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>