从 laravel 4.2 上的按钮行获取数据

Posted 2023-03-14

【中文标题】从 laravel 4.2 上的按钮行获取数据

【英文标题】：get data from a row onclick based from button's row on laravel 4.2

【发布时间】：2016-01-15 11:01:24

【问题描述】：

我有这张表，它在我的视图文件中输出一组记录，这就是它的样子

我想要做的是，当用户单击特定行上的 edit 按钮时，它会从每一行获取数据，将其放入 <p>Data here</p> 然后将其显示在同一页面上 到目前为止我所做的是，我做了一个 onlick 函数 这是我认为表格的代码

<table class="table table-striped table-hover" id="detailTable">
    <thead>
        <tr>
            <th>Record ID</th>
            <th>School Year</th>
            <th>School Quarter</th>
            <th>Student Name</th>
            <th></th>
        </tr>
    </thead>

    <tbody>
        @foreach ($srs as $key => $vu)
            <tr>
                    <td> $vu->StudentRecordID </td>
                    <td> $vu->SchoolYear </td>
                    <td> $vu->SchoolQuarter</td>
                    <td> $vu->full_name</td>
                    <td><button class="btn" id="gid" onclick="tgPanel();" >Edit</button></td>

            </tr>
        @endforeach

    </tbody>

</table>

这是我的javascript中的代码

function tgPanel()

   document.getElementById("rid").innerhtml =       document.getElementById("detailTable").rows[0].cells[1].innerHTML ;
   document.getElementById("sy").innerHTML =  document.getElementById("detailTable").rows[0].cells[2].innerHTML ;
   ..and so on..

到目前为止，我唯一得到的是标题，我不知道如何在row[0]上指出点击按钮的哪一行有什么想法？

【参考方案1】：

您的 onclick 函数需要一个参数。

onclick="tgPanel(this)"

然后您可以使用按钮并获取信息。

function tgPanel(button) 
    var tr = button.parentElement.parentElement;