使用现有表单值自动填充表单

Question

我正在尝试使用 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>

Answer 1

jQuery 解决方案（更新为包含 ninja 表单就绪状态，根据 cmets）：

我更喜欢使用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());
 }); 
});