我想要做的是,当用户点击特定行上的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]
指示哪一行点击按钮任何想法?
答案 0 :(得分:1)
你的onclick功能需要一个参数。
onclick="tgPanel(this)"
然后您可以使用按钮获取信息。
function tgPanel(button) {
var tr = button.parentElement.parentElement;
}