单击时获取具有自己的迭代按钮的输入值

Question

我已经成功地向我的 php foreach 循环添加了一个迭代器，这样我就可以为表中的每一行创建一个唯一的按钮。

<?php $i = 1;?>

@foreach($getPromoCodes as $codes)

    <input type="hidden" name="promo_code_id" id="promo_code_id[{{$i}}]" class="promo_code_id" value="{{ $codes->promo_codet_id }}">

<?php $i++;?>

@endforeach

但是，我无法弄清楚，一旦按下按钮，如何从单击的按钮获取输入的值。这是由于每个按钮与迭代器的唯一性。

var promo_codet_id = document.getElementsByClassName("promo_code_id");

当我控制台记录它时，这将返回 undefined 。

我需要如何为此更改我的 JS？

Answer 1

你可以这样做：<div class="elements">&nbsp; &nbsp; <?php $i = 1;?>&nbsp; &nbsp; <?php foreach($getPromoCodes as $codes): ?>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input type="hidden" name="promo_code_id" id="promo_code_id[{{$i}}]" class="promo_code_id" value="{{ $codes->promo_codet_id }}">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="#" class="btn" data-id="<?= $i ?>">Link </a>&nbsp; &nbsp; &nbsp; &nbsp; <?php $i++;?>&nbsp; &nbsp; <?php endforeach; ?></div>查询：$('.elements').on('click', '.btn', function(e){&nbsp; &nbsp;e.preventDefault();&nbsp; &nbsp;console.log($(this).data('id'));});

Answer 2

您可以在调用 javascript 函数时使用this.value：<input&nbsp;type="hidden"&nbsp;name="promo_code_id"&nbsp;id="promo_code_id[{{$i}}]"&nbsp;class="promo_code_id"&nbsp;value="{{&nbsp;$codes->promo_codet_id&nbsp;}}"&nbsp;onclick="doSomething(this.value);&nbsp;return&nbsp;false;">