click事件同时适用于所有视图按钮
click事件同时适用于所有视图按钮
提问于 2018-06-20 03:15:33
我正在用按钮在屏幕上显示记录列表，如下图所示。
现在我在弹出窗口上显示employee_id，因此管理员将单击视图按钮，弹出窗口将显示员工id。
但我的问题是，我在单击查看按钮时，会在弹出窗口中获得所有员工列表。为什么会出现这个问题，因为我在循环中查看按钮。
<td><a href="javascript:void(0);" id="open_popup">View</a>我的脚本在这里
$(document).ready(function(){
$("a#open_popup").click(function(){
$(".popup").show();
});
}); 因此，当我单击任何视图按钮时，它会在弹出窗口中显示所有员工的详细信息，并且我必须显示单个用户id。
<?php if (!empty($get_emp_records)) {?>
<table class="table " >
<thead>
<tr>
<th>Employee Name</th>
<th>Designation</th>
<th>Role</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<?php
foreach ($get_emp_records as $row)
{ $encryption_id=$this->encryption->encrypt($row->id);//encrpt the id ?>
<tbody>
<tr>
<td><?php echo $row->firstname; echo $row->lastname;?></td>
<td><?php echo $row->designation;?></td>
<td><?php echo $row->access_role;?></td>
<?php if ($row->is_approved == 1): ?>
<td><a href="javascript:void(0)">Approved</a></td>
<?php else: ?>
<td><a href="#">Pending</a></td>
<?php endif; ?>
<td><a href="javascript:void(0);" id="open_popup">View</a>
<a href="<?php echo site_url('Employee_control/employee_archive?key='.$encryption_id)?>">Archive</a>
</td>
<div class="popup" style="display: none;">
<p><?php echo $row->employee_id;?></p>
</div>
</tr>
</tbody>
<?php }
?>
</table>
<?php }else{echo "No record found";}?>
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-20 03:31:04
希望这能对你有所帮助:
在视图锚点的onclick事件上添加一个函数openPopup，如下所示
<td>
<a onclick="openPopup(this)" data-id="<?=$row->id;?>">View</a>
........
</td> 向弹出的div提供id，如下所示：
<div id="popup-<?=$row->id;?>" style="display: none;">
<p><?php echo $row->employee_id;?></p>
</div>你的js函数openPopup应该是这样的：
<script type="text/javascript">
function openPopup(obj)
{
var id = $(obj).data('id');
$("#popup-"+id).show();
}
function closePopup(obj)
{
var id = $(obj).data('id');
$("#popup-"+id).hide();
};
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50935487
复制相关文章
相似问题