单击foreach中的按钮时从输入中获取价值

Question

if

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

Answer 1

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

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>

Answer 2

您可以在jquery中使用prev()函数

我认为这应该有效

$(function(){
    $(document).on('click', '.select-buy', function() {
        // get previous element value only if it is an input
        var value = $( this ).prev().val();
    });
});