单击以在弹出窗口中显示特定用户的记录

Question

我正在使用 CodeIgniter，我在表格中显示所有列表，如下例所示。

 Id  |Name | Email        | Mobileno | Action
  1  |ABC  | abc@gmail.com|1654789523| View Archive
  2  |xyz  | xyz@gmail.com|3214569874| View Archive

现在，当我单击 id 1 的查看按钮时，弹出窗口将显示所有信息，但我的问题是，我只获得弹出窗口中的最后一个用户 id 值。我的意思是它只显示 Id 2 的记录。

列出代码

        <tbody>
   <?php  $n=1;
           foreach ($cust_personal as $row)  
           {  ?>
            <tr>
            <td><?php echo $n;?></td>
            <td><?php echo $row->id;?></td>
            <td><?php echo $row->name;?></td>
            <td><?php echo $row->email;?></td>    
            <td><?php echo $row->mobileno;?></td>
            <td>
            <a  href="javascript:void(0)" onclick="view(this)" data-id="<?=$row->id;?>"> <span>View</span></a>
            <a  href="javascript:void(0)" onclick="archive(this)" data-id="<?=$row->id;?>"> <span>archive</span></a>
            </td> 
        </tr>
<?php $n++;}?>

    </tbody>

弹出代码

<div class="profile" id="profile-<?=$row->id;?>" style="display: none;">
//details list
  <table></table>

</div>

js

function view(obj) 
{
    var id = $(obj).data('id');
    $("#profile-"+id).show();  
}

Answer 1

您应该只使用 1 个弹出 div 块，然后，当单击按钮查看时，将您的所有信息放入弹出窗口。像这样的：

<div class="profile" id="#show-profile?>" style="display: none;">
</div>

<script>
    function view(obj) 
    {
        var id = $(obj).data('id');
        $("#show-profile).html(
        'Id:' + obj.parent().children().first()
        + 'Name: ' + blah blah
        ');
        $("#show-profile).show();  
    }
</script>

这只是一个示例，因此您可以使用这种方式来解决您的问题。 另外，您应该将<tbody> 移出for 循环。