Как прочить данные из конкретной формы html с помощью jquery если много форм?

Question

[Сергей]

Добрый день. Столкнулся с проблемой. У меня формируются формы html от определенного количества записей в базе. Допустим у меня в базе 100 вещей , но уникальных 15. Для работы с этими вещами у меня будет 15 форм. И я не могу разобраться как мне считать выбранные данные из каждой конкретной формы. Для дальнейшего рабы на сервере есть скрытое поле которое содержит уникальный ключ для каждой вещи.

<form>
<p><input type="radio" name="kollichesto" value="a1" checked>Выставить все вещи.<Br></p>			
<p><input type="radio" name="kollichesto" value="a1" checked>Выставить только 1 вещь</p>
<p><input type="radio" name="pricebox" value="a2">По миним. цене -1 коп.</p>
<p><input type="radio" name="pricebox" value="a2">По цене автопокупки</p>
<p><input type="radio" name="pricebox" value="a1" checked>По минимальной цене</p>
<input type="hidden" name="ui_id" value="'.$res['ui_id'].'">
<p><input type="number" min="0.51" step="0.01" name="price" placeholder="Своя цена"> руб.</p>
<p name="sumbit">Выставить на продажу</p>						
</form>

Пытался сделать так

$('form').on('click', 'p[name="submit"]', function (e) {
    var form = $(e.currentTarget).closest('form'),
        price = form.find('input[name="price"]').val();
		ui_id = form.find('input[name="ui_id"]').val();
		priceBox = form.find('input[name=pricebox]:checked').val();
		kollichestoItems = form.find('input[name=kollichesto]:checked').val();
    $.ajax({
	      url: "api.php",
	      type:"GET",
	      data: ({goNewItemNaTm: 1,ui_id: ui_id ,price:price ,priceBox:priceBox ,kollichestoItems:kollichestoItems ,sectitkey:sectitkey}),
	      dataType:"html",
	      beforeSend:funcBeforeinfoNewItemsProdaj,
	      success: funcSuccessinfoNewItemsProdaj
	    });
	});

Я не понимаю в js. Пытался найти похоже решение в яндексе. Но увы.
Буду благодарен за помощь.

Answer 1

[Рустамка Воронцов]

<form>
     <p><input type="radio" name="kollichesto" value="a1" checked>Выставить все вещи.<Br></p>			
     <p><input type="radio" name="kollichesto" value="a1" checked>Выставить только 1 вещь</p>
     <p><input type="radio" name="pricebox" value="a2">По миним. цене -1 коп.</p>
     <p><input type="radio" name="pricebox" value="a2">По цене автопокупки</p>
     <p><input type="radio" name="pricebox" value="a1" checked>По минимальной цене</p>
     <input type="hidden" name="ui_id" value="'.$res['ui_id'].'">
     <p><input type="number" min="0.51" step="0.01" name="price" placeholder="Своя цена"> руб.</p>
     <button type="sumbit">Выставить на продажу</button>						
</form>

$('form').on('submit', function (e) {
    e.preventDefault();

    var form = $(this);
    $.ajax({
        url: "api.php",
        type:"GET",
        data: form.serialize(),
        dataType:"html",
        beforeSend:funcBeforeinfoNewItemsProdaj,
        success: funcSuccessinfoNewItemsProdaj
      });
});

Comments

[Сергей]

А не подскажете как разбить form.serialize() на отдельные данные?

[Сергей]

Подойдет ли как у меня в примере?

[Рустамка Воронцов]

никак, только создать объект вручную

$('form').on('submit', function (e) {
    e.preventDefault();

    var form = $(this),
          data = {
              param: 'param',
              param2: 'param2'
          };
    $.ajax({
        url: "api.php",
        type:"GET",
        data: data,
        dataType:"html",
        beforeSend:funcBeforeinfoNewItemsProdaj,
        success: funcSuccessinfoNewItemsProdaj
      });
});

[Рустамка Воронцов]

Сергей: да

[Сергей]

Рустамка Воронцов: Спасибо)

Answer 2

[Никита]

$('form').on('click', 'p[name="submit"]', function (e) {
var data = $(this).parents('form').serialize();
.....
});

Comments

[Сергей]

Сейчас попробую)