JSFiddle - React, Tailwind, and code Playground

by Mohamed Amer

HTML

<form>
      <input name="file" value="1.xml">
      <input name="title" id="title" value="Smith">
      <input type="submit" id="copy-down" value="copy">
  </form>
  <form>
      <input name="file" value="2.xml">
      <input name="title" id="title" value="Anderson">
      <input type="submit" id="copy-down" value="copy">
  </form>

JavaScript

$(document).ready(function(){
   $('form').on('submit', function(e){
      e.preventDefault();
      changeNextValue($(this) , 1);
      changeNextValue($(this) , 2);
   });
});


function changeNextValue(el , i){
  var GetNameAttr1 = el.find('input:nth-child('+ i +')').attr('name');
      var GetTitleValue1 = el.find('input:nth-child('+ i +')').val();
      var NextFormNameAttr1 = el.next('form').find('input:nth-child('+ i +')').attr('name');
      if(NextFormNameAttr1 == GetNameAttr1){
         el.next('form').find('input:nth-child('+ i +')').val(GetTitleValue1);
      }
}