Question

我通过foreach列出所有产品。我正在尝试通过单击从foreach创建的按钮通过警报显示我选择的product.Id。但我不知道该怎么办。如何允许警报读取已选择/单击的特定item.ID？

<script type="text/javascript">    

    $(document).ready(function () {
        $('.add-to-cart').click(function () {
            alert(item.ID);  //something like this        
        });
    });

</script>

-

@foreach (var item in Model) {

/*@item.ID*/

   <button class="add-to-cart">Add to Cart</button>

  }    
}

Answer 1

你可以像这样使用onclick（）函数：

   <button class="add-to-cart" onclick = "AddToCart('@item.Id')">Add to Cart</button>

在你的脚本中，

<script>
    function AddToCart(id)
    {
          alert(id);
    }
    </script>

OR

您可以将data- *属性用于按钮，

<button class="add-to-cart" data-ID="@item.ID">Add to Cart</button>

在你的脚本中，

 <script>
    $(document).ready(function () {
            $('.add-to-cart').click(function () {
              alert($(this).data('ID'));    
            });
        });
 </script>

JQuery：从foreach中读取选定的剃刀（@ item.Id）。

1 个答案: