Как из одного инпута в реальном времени заполнить value другого?

Question

[Goldsliders]

Есть два инпута:

<input placeholder="Телефон" type="text" class="order__field" maxlength="250" size="" value="" name="ORDER_PROP_3" id="ORDER_PROP_3">
<input type="text" name="phone" class="phone" placeholder="Номер телефона, логин или email" data-reg-placeholder="Номер телефона" data-auth-placeholder="Номер телефона, логин или email">

Как один заполнить из другого в реальном времени?

Comments

[Vadim Bogomazov]

[Goldsliders]

Vadim Bogomazov, почему то в моем случае не работает

Answer 1

[Stalker_RED]

Comments

[Goldsliders]

по какой то причине не работает , не могли бы посмотреть?(

[Stalker_RED]

Goldsliders, работает.

Answer 2

[Надим]

Используйте артибут oninput. Нужен пример?

Comments

[Goldsliders]

Да
Было бы круто)

[Надим]

Goldsliders, пример:

<input oninput="document.querySelector('#id').value = this.value;" type="text">

После решетки укажите id того поля в который нужно дублировать текущее поле.

[Goldsliders]

Надим Закиров, блин до него не добраться , а можно указать на другом инпуте что бы он брал оттуда ?

[Надим]

Goldsliders, нельзя, тут уже надо полноценный скрипт на страницу вставлять.

[Goldsliders]

Надим Закиров, не мог бы посмотреть?
я пытался теми скриптами которые выше кидали , не вышло, мне получается надо получить инпут из одной формы в инпут в другой форме

[Goldsliders]

Надим Закиров, могу ссылку скинуть)

[Надим]

Goldsliders, скидывайте.

[Goldsliders]

Надим Закиров, https://shop-mishka.com/personal/order/make/
Нужно добавить товар в корзину, далее перейти в корзину
https://yadi.sk/i/KW2t2FtS5JejfQ - основное поле которое заполняют
Далее нажмите подтвердить заказ
https://yadi.sk/i/lXz_Kgg3Dpgo3g - поле которое нужно заполнять из первого

[Надим]

Goldsliders, понятно с вами все. Коды которые вам дали конечно не работают, так как элемент input на который вешается обработчик подгружается динамически, аналогично и с элементом input в который надо вставлять информацию - он тоже появляется только по необходимости.

Здесь нужно применять MutationObserver для отслеживания факта появления полей и еще использовать localStorage для хранения вбитого номера телефона, простым такой пример не будет, поэтому извините, но вам на фрилансим. Фактиечски у вас маленький, но заказ, а не вопрос.