在輸入框中顯示實時結果

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>