在单击时显示特定行的SQL数据 - php

我目前有2张桌子，顶部和底部。最上面的是我从SQL数据库调出的数据行。至于底部，数据来自与顶部表相同的数据库，但显示不同的字段。这些字段都在我的SQL数据库的同一行中。

基本上，单击顶部表中的任何行，底部表将显示更多信息，这些信息也在SQL数据库的同一行内。我不确定如何显示特定行的数据，现在，当我单击顶部表中的任何行时，它将显示SQL中的所有行。

表格代码：

<table id="table_id">
<thead>
                <tr>
                    <th>Name</th>
                    <th>Address</th>
                </tr>
            </thead>
            <tbody>
                <?php
                while ($row = mysql_fetch_array($results)) {
                    ?>
                    <tr data-details="c01" class="itemDetails">
                        <td><?=$row['name']?></td>
                        <td><?=$row['address']?></td>
                    </tr>
                    <?php
                }
                ?>
            </tbody>
</table>
</div>
<br /><br />    
<div>
    <table border=1 id="c01" class="aside hidden">
                <thead>
                <tr>
                    <th>Product</th>
                    <th>Quantity</th>
                    <th>Price</th>
                </tr>
            </thead>
            <tbody>
                <?php
                while ($row = mysql_fetch_array($results2)) {
                    ?>
                    <tr>
                        <td><?=$row['product']?></td>
                        <td><?=$row['quantity']?></td>
                        <td><?=$row['price']?></td>
                    </tr>
                    <?php
                }
                ?>
            </tbody>
        </table>

jQuery代码：

<script>
$(document).ready(function () {
$('table.hidden').hide();
$('tr.itemDetails').click(function() {
    var id = $(this).data('details');
    $('table.hidden').hide();
    $('#'+id).show();
});
}); 
</script>

参考方案

如果我正确理解，此代码将帮助您：

$(function() {
    $('table.hidden').css('display','none');
    $('tr.itemDetails').click(function() {
        var index = $(this).index();
        $('table.hidden').css('display', 'block');
        $('table.hidden tr').css('display', 'none');
        $('table.hidden tr:first-child').css('display','table-row');
        $('table.hidden tr:nth-child(' + (index + 1) + ')').css('display','table-row');
    });
}); 

工作示例：jsfiddle

PHP PDO组按列名称查询结果 - php

以下PDO查询返回以下结果：$db = new PDO('....'); $sth = $db->prepare('SELECT ...'); 结果如下： name curso ABC stack CDE stack FGH stack IJK stack LMN overflow OPQ overflow RS…

php Singleton类实例将在多个会话中保留吗？ - php

举一个简单的例子，如果我想计算一个不使用磁盘存储的脚本的命中次数，我可以使用静态类成员来执行此操作吗？用户1：<?php $test = Example::singleton(); $test->visits++; ?> 用户2：<?php $test = Example::singleton(); $test->visits+…

通过>和<运算符比较日期 - php

在我的所有php代码中，我都在UTC中存储日期和时间，但是我也在使用mysql存储日期时间（也在utc中）。大于和小于运算符会导致日期比较失败吗？ $curdate=date('Y-m-d H:i:s'); if($start_datetime>$curdate) 参考方案 不。他们没有办法失败。为此，特意制作了MySQL日期格式。…

使用jquery计算<id>中的总图像 - php

我有一个div，里面有一些图像，例如<img src= etc我想计算该div中的图像总数。我也想使用PHP将这些图像ID保存到mysql中...谢谢 参考方案 要计算它们，您可以执行以下操作：alert($('#myDiv img').length); 要将所有id捕获到数组中，可以执行以下操作：var ids = []; $(&…

PHP:对数组排序 - php

请如何排序以下数组Array ( 'ben' => 1.0, 'ken' => 2.0, 'sam' => 1.5 ) 至Array ( 'ken' => 2.0, 'sam' => 1.5, 'ben' =&…