数据表中的按钮调用相同的 ajax 函数（）答案

【问题标题】：Buttons in datatable cal same ajax function()数据表中的按钮调用相同的 ajax 函数（）
【发布时间】：2014-06-21 16:09:01
【问题描述】：

我有一个动态完成的表格，其中包含对所有行重复的 2 个按钮、一个删除和一个修改。我想按下删除键，这被称为 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，我可以拨打电话，但我不能打印按钮的值。

提前致谢

【问题讨论】：

你有id="bt_elimina"，你有点击类$(".bt_elimina").on('click'???
我写这篇文章的错误。

标签： php html ajax datatable codeigniter-2

【解决方案1】：

一开始你应该只使用一次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); });

这应该可以解决问题

【讨论】：