jQuery: действие при отправке формы?

Question

Вот моя проблема: У меня есть выбираемая сетка div, которые привязаны к уникальным идентификаторам категории

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

Поскольку форма отправлена ​​(стандартная форма .. без ajax), я хочу собрать выбранные идентификаторы в переменную. Этот код ниже работает, когда я тестирую с помощью стандартной кнопки и окна предупреждения:

parentUID = "";
$('.cat_grid').each(function() {
  cat_parent = $(this).parent();
  if (cat_parent.attr('class')=="on") {
    parentUID += $(this).attr('id')+";";
  }
});

но как я могу запустить этот огонь при нажатии кнопки отправки? Я предполагаю, что вставка parentUID в ввод скрытой формы и использование некоторой функции задержки ??

Спасибо за любые ответы!

Answer 1

Как насчет:

 $(form).submit( function() {
   var parentUID = "";
   $('.cat_grid').each(function() {
    cat_parent = $(this).parent();
    if (cat_parent.attr('class')=="on") {
     parentUID += $(this).attr('id')+";";
    }
  });
  $(hiddenInput).val( parentUID );
  //don't return false because we wan't the form to be submitted
 });

Answer 2

Вы можете использовать onSubmit в форме и вызывать функцию GetParentUIDs () с имеющимся у вас кодом, плюс хранить идентификаторы в скрытом поле. Для отправки формы ваши GetParentUID должны возвращать true.

Пример

<form name="yourform" action="youraction" method="post" onsubmit="return GetParentUIDs();">