Как объединить отправку двух форм в одно сообщение?

Question

[damarkuzz]

Как объединить отправку двух форм в одно сообщение?
На данный момент, отправка идет после нажатия на общий input с id clickMe вне формы.
На почту все приходит в два сообщения, как исправить ситуацию?

Answer 1

[coderisimo]

Ну, так поместите все в одну форму. Только дайте имена своим инпутам.

<form class="quize-form-our">
   <label><input name='opa[]' value="Один" type="checkbox">Один</label>
   <label><input name='opa[]' value="Два" type="checkbox">Два</label>
   <label><input name='opa[]' value="Три"   type="checkbox">Три</label>

 <label><input name="opa2" value="Один" type="radio">Один</label>
   <label><input name="opa2"  value="Два" type="radio">Два</label>
   <label><input name="opa2" value="Три"  type="radio">Три</label>

</form>

Comments

[damarkuzz]

К сожалению, ситуация требует именно такой HTML-разметки, как в шапке поста

[coderisimo]

damarkuzz, очевидно же , если задача надевать трусы через голову, значит с задачей что-то не так.))
Хотите кульбитов - перепишите js. Отправляйте только первую форму, а перед отправкой прочитайте значения из второй и добавьте их в первую, как скрытые поля. Это общая идея, но повторюсь : здесь что-то не так с условиями задачи.

//первая форма
let formToSend =  $(".quize-form-our")[0];

//добавление в нее нового поля из второй формы. получите нужное значение и создайте инпут с ним
  $('<input />').attr('type', 'hidden')
            .attr('name', param.name)
            .attr('value', param.value)
            .appendTo(formToSend);

// когда добавите все что нужно
formToSend.trigger('submit');