我有一个动态完成的表,所有行都重复了2个按钮,一个删除,一个修改。我想按下删除键,称为ajax函数,允许我打印与该按钮相关的值,该值始终不同。
的Ajax
$("#bt_elimina").on('click',function() {
var adress = $(".bt_elimina").val();
alert(adress);
});
HTML / PHP的
<!--stampo la tabella $query è il risultato della query passato dal controller movimentoDiMagazzino_controller.-->
<table id="tabella" class="table table-striped table-bordered" cellspacing="0" width="100%">
<thead>
<tr>
<th>Codice Farmaco</th>
<th>Nome Farmaco</th>
<th>Quantità</th>
<th>Quantità di alert</th>
<th></th>
</tr>
</thead>
<?php foreach ($query as $row): ?>
<tr>
<td><?php echo $row->aic; ?></td>
<td><?php echo $row->denominazione; ?></td>
<td><?php echo $row->quantita; ?></td>
<td><?php echo $row->alert; ?></td>
<td>
<button id="bt_modifica"
class="btn btn-default btn-xs"
data-toggle="tooltip"
data-placement="top"
title="">
<img src="<?php echo base_url(); ?>template/images/Modifica.png">
</button>
<button id="bt_elimina"
class="btn btn-default btn-xs"
data-toggle="tooltip"
data-placement="top"
title=""
value="<?php echo $row->aic; ?>">
<img src="<?php echo base_url(); ?>template/images/Elimina.png">
</button>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
对ajax的调用仅适用于第一个按钮,然后它不再起作用并且按钮会导致死亡。
我认为问题是由于所有按钮都具有相同的ID,但我该如何解决? 如果我把ajax打赌到了班级而不是按钮的id,我可以拨打电话,但我无法打印按钮的值。
提前致谢
答案 0 :(得分:0)
首先,你应该只使用id一次。您为每个表行使用相同的ID。如果单击其中任何一个,它将始终引用第一个。这是因为只有一个id和javasript看起来不会比第一个更远。
将id="bt_elimina"
的ID更改为class="bt_elimina"
。
之后我会将javascript更改为:
$("#tabella").on('click', '.bt_elimina', function( evt ) {
var adress = $(this).val();
alert(adress);
});
这应该做的伎俩