使用javascript自动更新表单

Question

我想要输入的文字

<input type="text" name="text1">

将自动在

中更新

<input type="text" name="text2">

使用JavaScript。

任何人都知道如何解决它？

提前致谢

Answer 1

您可以使用onkeyup事件，并使用第一个<input>的文本填充第二个var inp1 = document.getElementsByName('text1')[0], inp2 = document.getElementsByName('text2')[0]; inp1.addEventListener('keyup', function(e) { inp2.value = this.value; });，如下所示：

＆＃13;

＆＃13;

<p>Input 1: <input type="text" name="text1" placeholder="write something here..."></p>
<p>Input 2: <input type="text" name="text2" placeholder="ant it will show up here..."></p>

＆＃13;

{{1}}

＆＃13;

＆＃13;

＆＃13;

使用＆＃34;运行代码段＆＃34;进行测试按钮。