PHP条件で左側のレコード名をクリックすると、ページ右側に具体的な内容が表示される方法

PHPの条件で左側のレコード名をクリックすると、ページの右側に特定の内容が表示されるようにするにはどうすればよいですか?
左側の列はレコード名をmysqlからループ文で読み込んで各行に表示したものです。右側は、各レコードの特定のコンテンツ フレーム (つまり、多くの空のボックス) です。私たちが達成したい目標は、左側のレコード名をクリックすると、右側の各空のボックスにレコードの特定の内容が表示されることです (実際には、各フィールドの内容が各空のボックスに入力されます)。 。
左側のレコード名をクリック可能にするには、どのような簡単なフレームワークを使用すればよいでしょうか?次に、レコードの読み取りを制御し、mysql から特定のレコード情報を読み取るためにどの変数が渡されますか (レコードの内容があれば、各空のボックスに表示するのは難しくないようです。この手順を完了できます)。もちろん、各レコードの具体的な内容はすでに mysql に存在するので、それをクエリするだけです。


初めて質問するのですが、緊急の問題です。ありがとう。

共有先:
-----解決策---------
デモアドレス http://www 。 Colg.biz/demo/d1.php

コード

ページを表示

<br>
<?php<br />
header("Content-Type:text/html;charset=utf-8");<br />
mysql_connect('localhost','colg_demo','colg__');<br />
mysql_select_db('colg_demo');<br />
関数 getdata($sql)<br />
{<br />
$result=mysql_query($sql);<br />
if($result)$count = mysql_num_rows($result);<br />
for($i=0;$i<$count;$i )<br />
{<br />
mysql_data_seek($result,$i);<br />
$data[$i] = mysql_fetch_assoc($result);<br />
}<br />
$data を返す;<br />
}<br />
<br />
$data = getdata("デモから * を選択");<br />
<br />
?><br />
<style type="text/css"><br>
.left{float:left;width:100px;border:1px ソリッドグレー;高さ:300px;}<br>
.right{float:left;width:800px;border:1px ソリッドグレー;高さ:300px;margin-left:15px;}<br>
.left_button{マージン:5px;ボーダー:1px 実線 #ccc;カーソル:ポインタ;}<br>
td{マージン:1px;ボーダー:1px ソリッド #ccc;}<br>
</style><br>
<br>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><br>
<スクリプトタイプ="text/javascript"><br>
$(document).ready(function(){<br>
$(".left_button").click(function(){<br>
$(this).css("背景","#EEE");<br>
$(this).siblings().css("背景","白");<br>
var n = $(this).text();<br>
$.ajax({<br>
タイプ:"get",<br>
URL:"ajax.php",<br>
データ:{<br>
n:n<br>
}、<br>
成功:関数(msg){<br>
msg = eval("(" msg ")")<br>
$(".show_tr").html(msg);<br>
}<br>
});<br>
});<br>
<br>
});<br>
<br>
</script><br>
<br>
<div class="left"><br>
<?php foreach($data as $each){?><br>
<div class="left_button"><?php echo $each['col3'];?></div><br>
<?php } ?><br>
</div><br>
<div class="right"><br>
<表><br>
<tr><br>
<td>id</td><div class="clear"></div>