Как настроить несколько форм в CF7 для отправки одним щелчком мыши и без перезагрузки?

Question

У меня есть страница, которую я хочу содержать одну и ту же форму 10 раз, и внизу одна кнопка, чтобы отправить их все мгновенно без перезагрузки между ними. Я делаю это, потому что мне нужно, чтобы он создал 10 новых строк в БД вместо одной строки, так как его 10 различных записей.

, поэтому мое решение для этого было иметь дублирование формы и просто отправить их с одним нажмите.

Теперь я столкнулся с проблемой, потому что я пытаюсь отправить их, используя JS, но, например, он отправляет только последний и перезагружает страницу.

<script>       
    function send() {
        document.getElementById("form-1").submit(); 
        document.getElementById("form-2").submit();   
        document.getElementById("form-3").submit();
    }   
</script>

<button id="submit-all" name="submit-all" onclick="send()">send them all!</button>

с этим кодом, проблема в том, что отправляется только последняя форма и она обновляет страницу.

есть идеи, как почини это? или, может быть, есть идеи, как подойти к моей первоначальной проблеме, что мне нужна форма для создания нескольких строк, если это возможно?

Спасибо.