Как при submit'е нескольких форм получить одно и то же внешнее поле?

Question

Причем это внешнее поле может изменяться(Вообще же нам важно только то, что значение на момент submit'а будет актуальным). Тег form не подходит, так как он указывает не на список id, а на один id.
Пример:

<form id="mainForm1" action="/form">
  <input type="submit"/>
</form>
<form id="mainForm2" action="/form">
  <input type="submit"/>
</form>
<input id="field" name="field"/>

Нужно передать поле с id="field" в обе формы(чтобы при submit'е каждой это поле отправлялось на сервер)

Answer 1

На JQuery решается просто (буквально в 2 строки для любого кол-ва динамически сгенерированных форм):

<form id="mainForm1" action="/form">
  <input type="hidden" name="field"/>
  <input type="submit"/>
</form>

<form id="mainForm2" action="/form">
  <input type="hidden" name="field"/>
  <input type="submit"/>
</form>

<input id="field" name="field"/>

$('form').on('submit', function() {
  $('input[name="field"]', this).val($('#field').val());
});

БЛОГ НА HUSL

Как при submit'е нескольких форм получить одно и то же внешнее поле?

Ответы (1 шт):