Гравитационные формы - ввод текста в поле, который также появляется в другом поле без перезагрузки страницы

Question

Как ввести текст в одно поле, чтобы затем появиться в другом поле без перезагрузки страницы.

У меня есть страница с формой php с двумя текстовыми полями и кнопкой отправки. При нажатии на кнопку «Отправить» появляется всплывающая форма гравитации для ввода дополнительных сведений. Мне нужно, чтобы информация, введенная в первые два текстовых поля php, появлялась в двух текстовых полях во всплывающем окне Gravity Form без перезагрузки.

Возможно ли это? Спасибо

Answer 1

Если вы ищете решение без кода, воспользуйтесь моим Gravity Forms Copy Cat плагином. Позволяет автоматически копировать значение, введенное практически в любом поле, в любое другое поле.

Answer 2

Да, это возможно, но только с использованием JavaScript. Это шаги:

1. Вам необходимо добавить прослушиватель событий для кнопки отправки. Например. document.querySelector('.class-of-submit').addEventListener('click', function(){ /* code here */ });

2. После того, как событие сработало, вам нужно настроить таргетинг на поля ввода, которые содержат данные, к которым вы хотите получить доступ. Например, var enteredText = document.querySelector('.class-name').value.

3. Затем отправили значение всплывающего поля (полей) примерно так: document.querySelector('.class-of-target').value = enteredText;

Вот и все. Вы захотите добавить больше логики к вышесказанному (элементы проверки существуют и поля не пусты), но, надеюсь, это поможет вам начать работу.