javascript将文本从1个字段复制（重复）到另一个

Question

我有20个字段

10，其中 name = 从1到10 以及10个名称从1到10的字段

<input name="1"  type="text"> 
...
 <input name="10"  type="text"> 

和10个这样的字段

<input name="1"  type="text"> 
...
 <input name="10"  type="text"> 

所以我想要的是：在前10个字段中编写内容，并在其他10个字段中自动填写

我可以将名称更改为id或为第二组的id添加前缀。 还是更好的名字。

Answer 1

如果您将名称更改为ID 1-10，则第二组ID a1-a10

 function populateSecondTextBox() {
document.getElementById('1').value = document.getElementById('a1').value;
}

这仅适用于1个， 有人可以用1个代码完成所有操作的答案

Answer 2

您要像这样反映更改吗？

for(let i=1; i<11 ; i++){

  let input = document.getElementsByName(i.toString())[0];
  let mirror = document.getElementsByName(i.toString())[1];

  input.onkeyup=()=>{ mirror.value = input.value; }

}