根据laravel 4.2上按钮的行,从一行中获取数据

时间:2015-10-16 15:57:48

标签: javascript html laravel laravel-4

我有这个表在我的视图文件中输出一组记录,这是它的样子 My table

我想要做的是,当用户点击特定行上的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 个答案:

答案 0 :(得分:1)

你的onclick功能需要一个参数。

onclick="tgPanel(this)"

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

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