Сериализация входных данных формы с помощью jquery

Question

У меня есть форма со множеством скрытых div и выбор для отображения одного div.

Но при отправке данных на сервер все данные отправляются и некоторые значения теряются (поля с одинаковым именемв разных div).

Это пример сценария:

<form>
  <select>
    <option value="ga">GA</option>
    <option value="om">OM</option>
  </select>

  <div class="ga">
   <input type="text" name="a_field" />
   <input type="text" name="a_field_2" />
   ...code
  </div>

  <div class="om">
   <input type="text" name="a_field_2" />
   <input type="text" name="a_field_100" />
   ...code
  </div>

</form>

Как я могу сделать только сериализацию div, который я хочу?

Мой первый подход был удалитьскрытые div в методе beforeSerialize от ajaxForm, но теперь мне нужно сериализовать значения при нажатии на другую ссылку, чтобы сделать другие вызовы (а не на отправку формы).

Заранее спасибо

Answer 1

вы можете сделать это вручную:

var serial = new Array();
var i = 0;
$('.om input').each( function(){
    serial[i++] = $(this).attr('name')[0]+'='+$(this).html()[0];
});
serial.join('&');