主页 / 问题 / 854114
Accepted
Андрей
Asked:2020-07-13 17:53:42 +0800 CST2020-07-13 17:53:42 +0800 CST

在js中获取产品id

  • 772

有一个产品页面。每件商品旁边都有一个“添加到购物车”图标。

我需要在 js 中点击这个图标来获取该人添加到购物车的产品的 id。

 <input type="hidden" id = "idProduct" name = "idProduct" value = "{{$p->id}}">

项目 ID 存储在隐藏字段中。但是，当我单击购物车时，我总是只获得数据库中第一个项目的 Id。也就是说，它总是等于 1。我试图这样得到它：

var idProduct = $("#idProduct").val();

这是一般形式：

<form method="post" action="#" id="form">
        <div class="col-lg-2">
            <h3>{{$p->name}}</h3>
            <img src="{{$p->image}}" width="200" height="200"><br>
            <h3>{{$p->price}}<a href="#" id = "cartIcon"><span class="glyphicon glyphicon-shopping-cart"  name = "spanIdProduct" onclick="addProductInCart()" style="float: right; margin-right: 15px" value = "{{$p->id}}"></span></a></h3>
            <input type="hidden" id = "idProduct" name = "idProduct" value = "{{$p->id}}">
            {{ csrf_field() }}
        </div>
    </form>
php

1 个回答

  1. Best Answer

    您需要在单击时挂起一个事件，在您的代码中您获得第一个元素的 id（您有许多具有相同 id 的字段，这是不正确的，只能有一个 id）：

    <form method="post" action="#" id="form">
    <div class="col-lg-2 product">
        <h3>{{$p->name}}</h3>
        <img src="{{$p->image}}" width="200" height="200"><br>
        <h3>{{$p->price}}<a href="#" id = "cartIcon"><span class="glyphicon glyphicon-shopping-cart"  name = "spanIdProduct" onclick="addProductInCart()" style="float: right; margin-right: 15px" value = "{{$p->id}}"></span></a></h3>
        <input type="hidden" class = "idProduct" name = "idProduct" value = "{{$p->id}}">
        {{ csrf_field() }}
    </div>
</form>


$('.product').click(function () {
       alert(this.find('.idProduct').val());
});

    请注意，在这段代码中，我将您的 id 更改为一个类

    • 1

相关问题