在第三個文本框中實時顯示兩個文本框的內容

Question

我有2個文本框：Box1和Box2。

使用JavaScript我想第三個盒子實時顯示：「ContentOfBox1米x ContentOfBox2米」。

Answer 1

地方像你的兩個文本框的onchange事件使

<input id="text1" onchange="modifyText3" /> 
<input id="text2" onchange="modifyText3" /> 
<input id="text3" /> 

然後你的JavaScript將

function modifyText3() 
{ 
    var val1 = document.getElementById("text1").value; 
    var val2 = document.getElementById("text2").value; 
    document.getElementById("text3").value = val1 + " meter x " + val2 + " meter"; 
} 

希望這有助於。

Answer 2

創建3個文本框，並在2個輸入框的onChange事件中添加js函數「changeOutput」。

<input id="input1" onchange="changeOutput()" value="" /> 
<input id="input2" onchange="changeOutput()" value="" /> 
<input id="output" value=""/> 

以及JavaScript函數是

function changeOutput(){ 
    var input1 = document.getElementById("input1").value; 
    var input2 = document.getElementById("input2").value; 
    document.getElementById("output").value = val1 + " metre x " + val2 + " metre"; 
}