получать эту форму входных данных с помощью jquery

Question

привет, у меня есть большая таблица продуктов, в каждом дереве есть форма с двумя входами.один ввод - это текст, в котором администратор может установить цену товара.второй скрыт со значением идентификатора продукта.

теперь есть этот код jquery.

$(function() {
    $(".form").submit(function() {
        var dyo_id = $(".dyo_id").val();
        var price = $(".setprice").val();

            $.ajax({
                type: 'post',
                url: 'setprice.php',
                data: 'price='+price+'&dyo_id='+dyo_id,
                cache: false,
                success: function(data) {
                    $('.price'+dyo_id).html(data);
                    alert('success');
                }
            });

        return false;
    });

});

проблема с переменнымиони выбирают первые входы первого продукта

это простой вопрос, как я могу выбрать текущие входы, на которых я нахожусь?

извините за мой плохой английский.

Answer 1

Почему бы вам не попробовать serialize()?

$(function() {
    $(".form").submit(function() {
        var dyo_id = $(".dyo_id").val();
        var data_ajax = $(this).serialize(); // <==

            $.ajax({
                type: 'post',
                url: 'setprice.php',
                data: data_ajax,
                cache: false,
                success: function(data) {
                    $('.price'+dyo_id).html(data);
                    alert('success');
                }
            });

        return false;
    });
});

Answer 2

Установите контекст jquery на this (который является текущей формой):

    var dyo_id = $(".dyo_id", this).val();
    var price = $(".setprice", this).val();