javascript - 如何将数据从for循环中的文本框复制到for循环中的另一个文本框

Question

我在下面的循环中有 2 个文本框。我想将数据从一个文本框复制到另一个文本框。以下是我的代码的一部分

JavaScript

function copy(val) {
 var a = document.getElementById("textA"+val).value
 document.getElementById("textB"+val).value=a
}

html

<% int count1 = -1;
   for(int i=0; i<2; i++) { %>

    <td><input type="text" id= "textA<%=i%>" /></td>
    <td><input type="text" id= "textB<%=i%>" readonly/></td>

<% count1 = i;
}%>

<td><input type="button" value=" Copy " name="cb_copy" onClick="copy(<%=count1%>)"/>/td>

目前，这仅适用于将文本框的 1 个值复制到另一个文本框。如何将此循环中的所有 textA 值复制到此循环本身中各自的 textB？

预先感谢您提供任何可能的帮助! :)

Answer 1

如果您知道 textA 的索引从 0 开始并且连续到末尾，您可以执行以下操作:

var i = 0;
var source, target;

while (source = document.getElementById('textA' + i)) {

  if (target = document.getElementById('textB' + i)) {
    target.value = source.value;
  }
  i++;
}

这将在尝试访问元素之前测试它们是否存在，这有助于不引发错误，并且不需要您知道有多少对。