Как связать одну форму с другой?

Question

[barbosk]

<form id='form1'>
 <input type='text' name='text1'>
<a  href="#form2">Ссылка</a>
</form>

<form id='form2'>
 <input type='text' name='text2'>
<button type='submit'>Отправить форму </button>
</form>

Как можно связать 1-ю форму с кнопкой 2-й, что бы заполненные данные с 1-й и 2-й формы объединялись и отправлялись ?1-я форма, вызывает модалку с другой формой

Answer 1

[Дмитрий Марков]

Я не проверял, но думаю должно работать

const formData1 = new FormData( document.getElementById('form1') );
const formData2 = new FormData( document.getElementById('form2') );
for(const [key, value] of formData2.entries()) {
    formData1.append(key, value)
}
return formData1;