使用 jQuery 复制字段

Question

Case：

我正在使用 Formidable Pro 构建一个表单，我想使用以下代码将一个字段的值复制到另一个字段：

<script>    
jQuery(document).ready(function($){
$('#field_ttvo4').change(function(){ 
var sourceField = $('#field_ttvo4').val();
$('#field_4f0kv').val(sourceField);
$('#field_4f0kv').trigger({ type:'change', originalEvent:'custom' });
});
});
</script>

问题：

此字段从表单的上一页查找值，并且不会以field_4f0kv复制。我必须删除最后一个数字，重新输入它并在填充 4f0kv 之前离开 ttvo4。据说我使用了错误的触发器，但我无法弄清楚如何在不更改 ttvo4 的情况下复制字段。

Answer 1

如果您希望在键入时复制值，则应使用input或keyup事件，尽管input可能更好

jQuery(document).ready(function($) {
$('#field_ttvo4').on('input', function() {
$('#field_4f0kv').val($(this).val());
$('#field_4f0kv').trigger({type: 'input', originalEvent: 'custom'});
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="field_ttvo4" />
<input id="field_4f0kv" />