时间戳

首页 > 解决方案 > 使用现有表单值自动填充表单

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

问题描述

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

标签： htmljquerywordpressninja-forms

解决方案

jQuery 解决方案（更新为包括忍者表单就绪状态，根据评论）：

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

推荐阅读