使用 jquery 获取此表单输入

Question

您好，我在每棵树中都有一个产品大表，有一个包含两个输入的表单。 一种输入是管理员可以设置产品价格的文本。 第二个被产品id的值隐藏。

现在有了这个 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();