首页 > 解决方案 > 在foreach中单击按钮时从输入中获取值

问题描述

@foreach ($products as $product)
<h3>{{ $product->name }}</h3>
<input type="number" class="quantity" />
<button id="btn-buy" class="select-buy">Buy</button>
@endforeach

当我单击购买按钮时,我想获得数量输入字段的值。问题是我可以获得该值,但我不知道如何将其放入 foreach 循环中。请帮忙。谢谢。

标签: phpjquerylaravel

解决方案


您可以使用最接近的功能,然后找到文本字段。

php代码

@foreach ($products as $product) 
<h3>{{ $product->name }}</h3> 
<div class="row"> 
    <input type="number" class="quantity" /> 
    <button id="btn-buy" class="select-buy">Buy</button> 
</div> 
@endforeach

javascript代码

<script>
$(".select-buy").on('click', function(){
  var val = $this.closest('div').find('.quantity').val();

  alert(val);
});
</script>

推荐阅读