如何在“添加新”事件后仅将更改应用于新字段？

Question

我有一段代码可以自动填充一定数量的新字段。但是，这会自动更新用户编辑之前的值。我需要调整此代码，以便只有新添加的行包含所需的预填充编号而无需编辑任何其他编号。

document.addEventListener("DOMContentLoaded", function(event) {
  copyValueToRepeat();

  var sourceField = document.getElementById( 'field_jimvh' );
  sourceField.addEventListener( "change", function(event) {
  copyValueToRepeat();
  });

});

jQuery(document).on('frmAfterAddRow', copyValueToRepeat );

function copyValueToRepeat(){
  var sourceField = document.getElementById( 'field_jimvh' );
  var repeatFields = document.querySelectorAll( '.frm_field_216_container input');

 for ( var i = 0, len=repeatFields.length; i<len; i++ ) {
        repeatFields[i].value = sourceField.value;
    }   

}

我相信问题是在最后的for循环中，但我不知道如何完全调整它。我认为这个问题很简单，但我的编程技巧是基本的。

谢谢您的帮助。

Answer 1

这行document.querySelectorAll( '.frm_field_216_container input')选择所有字段。您可能希望在新字段中添加额外的css类，例如'new_input_field'，然后将查询选择器修改为：document.querySelectorAll( '.frm_field_216_container .new_input_field')