Question

有人可以建议我如何将文本框值复制到另一个许多texbox中。到目前为止，我尝试过： Document.getelementbyid，但当文本框具有相同ID时不起作用。

还是有人知道如何复制控制器发布数据？

Answer 1

使用document.querySelectorAll

function myFunction(val) {
  var inputs = document.querySelectorAll('input')
  inputs.forEach(function(input) {
    input.value = val
  });
}

<input type="text" name="txt" value="Hello" onkeyup="myFunction(this.value)">
<input type="text" >
<input type="text" >
<input type="text" >
<input type="text" >

Answer 2

在 dbramwell 答案上进行改进，您可以使用复制按钮来做到这一点

var copyValues = function(){
  var whatToCopy = document.getElementById("copyMe").value;
  var inputs = document.querySelectorAll('input')
  inputs.forEach(function(input) {
    input.value = whatToCopy
  });
}

Copy this
<input id="copyMe"/>
<br>
Into
<input class="copyTo" />
<input class="copyTo" />
<input class="copyTo" />
<button onclick="copyValues()">Copy</button>

Javascript如何从1个文本框值复制到多个文本框值

2 个答案: