数据表中的按钮调用相同的ajax函数()

时间:2014-06-21 16:09:02

标签: php html ajax datatable codeigniter-2

我有一个动态完成的表,所有行都重复了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,我可以拨打电话,但我无法打印按钮的值。

提前致谢

1 个答案:

答案 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); });

这应该做的伎俩