根据输入类型 id 将值从一个文本框复制到另一个文本框答案

【问题标题】：copying values from one textbox to another based on the input type id根据输入类型 id 将值从一个文本框复制到另一个文本框
【发布时间】：2011-08-19 03:28:11
【问题描述】：

关于将值从一个文本框复制到另一个文本框的问题

Replicating the values to another textbox

如果只有两个文本框，该解决方案效果很好。但是当索引在循环中运行时它会失败。

对于 Ex - 让我们考虑表格在每一行中都有文本框列表

第一行文本框1 文本框2
第二行 textbox3 textbox4

每个盒子的id是根据状态索引生成的。当我更新 textbox1 中的值时， textbox2 会更新。但是当我更新 textbox3 时，不是更新 textbox4.textbox2 而是更新了。

【问题讨论】：

标签： javascript textbox

【解决方案1】：

因为链接代码直接更新 textbox2。将 ids 放入一个数组并对其进行迭代以设置每个文本框的值，例如

function updateTextareas(el) {
  var value = el.value;
  for (var i=1, iLen=arguments.length; i<iLen; i++) {
    document.getElementById(arguments[i]).value = value;
  }
}

那么你可以这样称呼它：

document.getElementById('input1').onkeyup = function () {
  updateTextareas(this,'textbox2','textbox3',...);
};

或一些类似的策略。

【讨论】：

【解决方案2】：

为集合中的所有元素赋予相同的名称（或类名，并使用 getElementsByClassName）。然后在javascript中执行以下伪代码：

// onmodify:

var name = thisTextarea.name;
var newText = thisTextarea.text;
var elementsToUpdate = document.getElementsByName(name);

for each textarea in elementsToUpdate {
    if (textarea != thisTextarea) // may not even need this line
        textarea.text = newText;
}

【讨论】：