实时显示第三个文本框中两个文本框的内容

Question

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

使用JavaScript我希望第三个框能够实时显示：“ContentOfBox1 meter x ContentOfBox2 meter”。

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";
}