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

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

希望这有帮助。