扩展表的单击行上的行

时间:2015-02-09 09:22:32

标签: php jquery mysql

我有一张桌子A.在单击该表的任何行时,我需要显示其他表B的数据(具有关系键s_id)。

例如: 表A: id姓名年龄 1 abc 12 2 xyz 13

表B: id性别添加 1 F aghg 2 M qwer

我希望我的输出为:表A应该按原样打印,并在点击表A行,例如,点击表A的第1行应该给表B的第1行,在第2行的A上的Clikin应该给出第2行排B等等。可能吗? Plz plz plz帮帮我

我的代码是:

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">  
        $(document).ready(function(){
            $("#report tr:odd").addClass("odd");
            $("#report tr:not(.odd)").hide();
            $("#report tr:first-child").show();


            $("#report tr.odd").click(function(){
                $(this).next("tr").toggle();
                $(this).find(".arrow").toggleClass("up");
            });
            //$("#report").jExpand();
        });
    </script>        

<body>
    <table border="1"id="report">
    <tr>
        <th>Name</th>
        <th>Age</th>
        <th>Gender</th>
        <th>Place</th>
    </tr>
    <tr>
        <td>uda</td>
        <td>22</td>
        <td>F</td>
        <td>lore</td>
    </tr>
    <tr>
        <td colspan="4">
        blah blah
         <br />
        :(
        </td>
    </tr>
    <tr>
        <td>ish</td>
        <td>20</td>
        <td>F</td>
        <td>ore</td>
    </tr>
    <tr>
        <td colspan="4">
            <table width="335" s >
  <tr>
    <td>uda</td>
    <td>aixa</td>
    <td>diidi</td>
  </tr>

</table>

        </td>
    </tr>
</table>

</body>
</html>

此代码打印以和的形式输入的数据。此处的问题是,当我尝试使用mysql查询打印行时,它不起作用。

<?php
$result = mysql_query("SELECT * FROM A");
 while($row=mysql_fetch_array($result)){ ?>
<td><?php echo $row["source_id"]; ?></td>
    <td><?php echo $row["escl_status"]; ?></td>
    <td><?php echo $row["escl_notice"]; ?></td>
</tr>
<?php
}
    ?>

请帮帮我:(

1 个答案:

答案 0 :(得分:0)

您需要在while循环中添加<tr>,例如

<?php
$result = mysql_query("SELECT * FROM A");
while($row=mysql_fetch_array($result)){ ?>
  <tr> <!-- add this tr -->
    <td><?php echo $row["source_id"]; ?></td>
    <td><?php echo $row["escl_status"]; ?></td>
    <td><?php echo $row["escl_notice"]; ?></td>
  </tr>
<?php
}
?>

还要在jquery选择器中将.odd更改为:odd

$("#report tr:odd").click(function(){ // :odd not .odd
   $(this).next("tr").toggle();
   $(this).find(".arrow").toggleClass("up");
});