отправка нескольких форм с помощью одной кнопки отправки

У меня есть приложение, в котором зарегистрированный пользователь выполняет поиск в базе данных и отображает таблицу результатов. Эти результаты в основном представляют собой списки событий. Затем я даю пользователю право «сохранять» или «отбрасывать» любое событие (используя переключатели рядом с каждым событием).

Однако теперь я хочу реализовать функциональность, с помощью которой пользователь в конце может нажать только одну кнопку «обновить», и все изменения будут затронуты (поскольку сохранение одной кнопки для каждой записи будет очень неудобным для пользователя). То есть я одинаково хочу отправить несколько форм с помощью одной кнопки отправки/обновления.

Это возможно ?


person Nick    schedule 06.11.2011    source источник
comment
stackoverflow.com/questions/4340741/ stackoverflow.com/questions/2362251/   -  person chx    schedule 06.11.2011


Ответы (3)


Вам нужно использовать javascript, я предлагаю вам использовать JQuery. Используя AJAX, вам нужно отправить каждую форму - таким образом, страница не будет перенаправлена ​​после отправки формы!

Затем в каждой форме назначьте индивидуальные идентификаторы для каждой формы. Затем присвойте кнопке отправки идентификатор, например mySubmit. Далее добавьте следующий код:

$('#mySubmit').click(function(){
    // submit form1 by ajax...
    // submit form2 by ajax...
});

Вы можете увидеть http://api.jquery.com/jQuery.post/ jQuery для получения дополнительной информации. информация о том, как отправить форму с помощью ajax.

person Shafiul    schedule 06.11.2011

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

person Remy Lebeau    schedule 06.11.2011

Если вы не хотите использовать jQuery, используйте javascript для формирования списка данных, разделенных, например, символом ~, и установите эту строку в какое-то скрытое поле и отправьте с помощью document.formx.submit()

Вам нужно будет проанализировать строку на стороне сервера, чтобы получить данные в правильном формате.

person Piyush-Ask Any Difference    schedule 06.11.2011