Javascript Как скопировать из одного значения текстового поля во многие значения текстового поля

Question

Может кто-нибудь дать мне рекомендацию, как скопировать значение текстового поля в другой много текстового поля.До сих пор я пытался: Document.getelementbyid, но не работает, когда текстовое поле с тем же идентификатором.

Или кто-нибудь знает, как скопировать данные поста контроллера?

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>