Вывести записи с поля input в других input js

264

02 августа 2021, 11:20

Есть поле input

<input type="text"onkeyup="document.getElementById('quantity_order_days').value = this.value"/>

где будет выводиться информация в других input

<input type="number" id="quantity_order_days">
<input type="number" id="quantity_order_days">
<input type="number" id="quantity_order_days">

Выводиться только в первом, можно так сделать что бы выводился во всех ?

Answer 1

Когда вы ищите елемент по ИД, предполагаеться что такой елемент только 1н, и естественно находиться первый, куда значение и проставляеться, как и написано в комментарии нужно найти все инпуты и циклом им проставить нужное значение, например так :

const fn = (that) => { 
  [...document.getElementsByClassName('quantity_order_days')].forEach(e => e.value = that.value) 
}

<input type="text" onkeyup="fn(this)" /> 
 
<input type="number" class="quantity_order_days"> 
<input type="number" class="quantity_order_days"> 
<input type="number" class="quantity_order_days">

Answer 2

Вы не правильно используете id элемента, id должен быть всегда уникальным поэтому он так и называется, а у Вас он на 3-х элементах! , для похожих элементов используются классы 'class'. Для решения задачи код ниже:

var inputKeyUp = document.getElementById('keyup-input'); 
var inputQuantity = document.querySelectorAll('.quantity_order_days'); 
inputKeyUp.addEventListener('keyup', function(e) { 
  Array.from(inputQuantity).map(function(item) { 
    item.value = parseInt(e.target.value); 
  }); 
})

.container { 
  display: flex; 
  align-items: center; 
}

<input type="text" id="keyup-input" /> 
<br> 
Результат: <br> 
<div class="container"> 
  <input type="number" class="quantity_order_days"> 
  <input type="number" class="quantity_order_days"> 
  <input type="number" class="quantity_order_days"> 
</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Применение паттерна Модуль JS

Хотелось бы узнать побольше о методах применения паттерна Модуль, если можно на реальных примерахСпасибо

271

javascript

jquery, как отключить autofield в input

у меня есть форма, и я хочу в ней отключить автозаполнение

125

javascript

Помогите написать скрипт , который бы при потере фокуса на инпуте, проверял его содержимое на правильное количество символов

Сколько символов должно быть в инпуте, указывается в его атрибуте data-lengthЕсли введено подходящее количество, то outline инпута становится зеленым,...

251

javascript

React получить содержание тега по клику

Допустим, есть 2 дива, в первом текст один, во втором два

271