从由 PHP 回显生成的表格行单元格中的按钮执行 Javascript 函数答案

【问题标题】：Execute a Javascript function from a button in a table row cell which was generated by PHP echo从由 PHP 回显生成的表格行单元格中的按钮执行 Javascript 函数
【发布时间】：2012-01-25 14:48:55
【问题描述】：

我想从表格行单元格中调用 Javascript 函数。我还需要传递该行的 id。

在一个单元格中，我使用了一个 href（它会弹出我的编辑对话框），但没有传递 Id (BrId)。下一个，理想情况下是一个调用 Javascript 函数的按钮（尽管我已经看到在 $(document).ready(function() {.....etc} 中关联点击事件函数的代码/函数），但不确定这是否会获取所需的 Id (BrId)，这是一个主要的数据库表的键。

代码是：

foreach ($myrows as $row) {               
       echo "<tr>"; 

         echo '<td style="border:none;">' .$row->BrId. '</td>'; 
         echo '......'
         echo '......'
         echo '<td style="border:none;"><a href="#dialog" name="modal">Edit this branch </td>';
         echo '<td style="border:none;"><button onclick="EditBranch (1)"></td>';
 }

理想情况下，该函数还可以像 "a href="#dialog" name="modal" 那样显示我的弹出 div (id= dialog)。

如果这有帮助，下面是脚本的一部分：

$(document).ready(function() {

     //select all the a tags with name equal to modal
     $('a[name=modal]').click(function(e) {

     //Cancel the link behavior
     e.preventDefault();

     //Get the A tag 
     var id = $(this).attr('href');  //gets me my div id

    //other code for transition effects and positioning of my div....
}

【问题讨论】：

标签： javascript php button html-table row

【解决方案1】：

您可以通过自定义 html 数据属性传递行 ID：

echo '<a href="#dialog" name="modal" data-id="' . $row->BrId . '"> Edit this branch </a>';

然后，您只需像这样检索它：

var id = $(this).attr('data-id');

【讨论】：