1

SQL の結果を表示するテーブルがありますが、テーブルに特定の結果を表示し、クリックするとさらに多くの結果が div タグ内のテーブルの下に表示されるようにしたいと考えています。これまでのところ、「タイトル」と「メール」を表示するこのコードと、JS 関数をトリガーし、div タグに「詳細」を表示する 3 番目の列があります... JavaScript を使用して特定の詳細を表示し、非表示にするにはどうすればよいですか2 番目の行の詳細をクリックして最初の 1 を置き換えると、これらの詳細が表示されますか?

while($rows=mysql_fetch_array($result)){
    ?>
    <tr>
        <td><?php echo $rows['title']; ?></td>
        <td><?php echo $rows['email']; ?></td>
        <td><a href="#" onClick="moreDetails();">More details...</a></td>
    </tr>

EDITED：私が受け取ったコメントの後、これはIDが「details」のdiv要素を持つテーブルのコード全体です

<table>
    <tr>
        <td><strong>Investment Title</strong></td>
        <td><strong>Email</strong></td>
        <td><strong>Details</strong></td>
    </tr>

<?php

    // Start looping table row
    while($rows=mysql_fetch_array($result)){
?>
    <tr>
        <td><?php echo $rows['title']; ?></td>
        <td><?php echo $rows['email']; ?></td>
        <td><a href="#" onClick="viewInvestor();">More details...</a></td>
    </tr>
<?php
    // Exit looping and close connection
}
    mysql_close();
?>
    <tr>
</tr>
</table>
<div id="detail"></div>
4

2 に答える 2

1

JQuery を使用しない場合:

HTML

<td id='details'>The details are in here...</td>
<td id='details1'>The other details are in here...</td>

Javascript

document.getElementById('details').style.display = 'table-cell';
document.getElementById('details1').style.display = 'none';
于 2013-06-07T01:19:28.167 に答える