Автозаполнение формы существующими значениями формы

Я пытаюсь заставить поле формы автоматически заполняться тем же значением, что и другое поле, используя Ninja Forms и Wordpress. Я просмотрел некоторые решения с использованием JQuery, но ни одно из них не работает. Пожалуйста, помогите мне понять, что я делаю неправильно.

Вот ссылка на форму: https://optionsqa.wpengine.com/test-page/< /а>

Я хочу, чтобы содержимое в КОПИРОВАТЬ ЭТУ ССЫЛКУ автоматически заполняло поле ниже.

Это сценарий, который я пытаюсь:

<script type="text/javascript">

jQuery(document).ready(function() {
 jQuery('.copy-link').on('change', function() {
   jQuery('.favorite-link-field').val($(this).val());
 }); 
});

</script>


wordpress html jquery ninja-forms
person carovalete    schedule 15.10.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Решение jQuery (обновлено, чтобы включить состояние готовности формы ниндзя, согласно комментариям):

Я предпочитаю использовать id, а не class, поскольку классы можно использовать несколько раз. Что, как говорится:

Это будет обновляться при изменении #nf-field-10 или Favorites Link.

jQuery(document).on( 'nfFormReady', function( e, layoutView ) {
 jQuery('#nf-field-10').on('change', function() {
   jQuery('#nf-field-10').val(jQuery('#nf-field-16').val());
 }); 
});
person Mech    schedule 15.10.2020
comment
Не работает! :( Могут ли формы ниндзя мешать этому работать? - person carovalete; 15.10.2020
comment
не уверена. Протестировал это в DevTools, и это сработало, как описано. Основываясь на том, что оба ответа не работают, это могут быть формы ниндзя. - person Mech; 16.10.2020
comment
Спасибо за ответ! После того, что вы сказали, я копнул дальше и нашел это: stackoverflow.com/questions/40875677/. Кажется, он работает, поскольку теперь он слушает обычную функцию печати, но как мне применить это к предоставленному вами коду? - person carovalete; 16.10.2020
comment
Пожалуйста, не забудьте отметить как ответ / голосование, если это работает для вас. - person Mech; 16.10.2020