使用javascript自动更新表单

auto update form with javascript

本文关键字：更新 表单 javascript 使用      更新时间：2023-09-26

我想要在中键入的文本

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

将在中自动更新

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

通过使用JavaScript。

有人知道怎么解决吗？

提前感谢

您可以使用onkeyup事件并用第一个事件的文本填充第二个<input>，如下所示：

var inp1 = document.getElementsByName('text1')[0],
    inp2 = document.getElementsByName('text2')[0];
inp1.addEventListener('keyup', function(e) {
  inp2.value = this.value;
});
<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>

使用"运行代码片段"按钮对其进行测试。

相关文章：