javascript - 从表单中获取 ID

Question

我的页面上有产品。每个产品都有它的形式。我将 Id 产品保存在隐藏的输入中。

@foreach($product as $p)
    <form>
        <div class="col-lg-2 product">
            <h3>{{$p->name}}</h3>
            <img src="{{$p->image}}" width="200" height="200"><br>
            <h3>{{$p->price}}</h3>
            <button type="submit" onclick="addProductInCart()" >Добавить в корзину</button>
            <input type="hidden"  name = "idVal" value = "{{$p->id}}">
            {{ csrf_field() }}
        </div>
    </form>
@endforeach

我需要在 JS 中获取我选择的产品 ID。

例如:

我会选择小米 Redmi Note 4，我必须获得 Id = 1。如果我选​​择魅族，我必须获得 Id = 2。现在我每次都得到两个 ID。

我的 JS 代码:

function addProductInCart() {


    event.preventDefault();
    console.log($('form').serializeArray()); 
    var product = 1;
    var token = $("input[name=_token]").val();
    $.ajax({
        type: "POST",
        url: "addToCart",
        data: {"_token": token, "product": product},
        success: function (result) {
            $("#product-count").html(result);

        }
    })
}

结果:

我只需要一个 Id，不需要两个。你能帮忙吗？

Answer 1

您不必将它存储在隐藏字段中，只是为了在 addproductInCart() 函数中检索它

你可以通过如下函数传递值

addProductInCart(<?= $p->id ?>)

在函数中你可以通过关注获取id

addProductInCart($id)
{
    alert($id);
}