2011-12-19 55 views
0

我在mysql數據庫中有記錄。在瀏覽器中,我需要顯示只是id或名稱,它應該是可點擊的,點擊時應顯示其他信息,如電子郵件,電話等。 我可以使用SELECT列出名稱,但不知道如何鏈接它並顯示數據..如果有一個jQuery的方法來顯示在div中的數據,這將是很好的..請告訴我如何開始......感謝。當mysql名稱被點擊時,php mysql顯示整個記錄

<a href="">rob</a> 
<a href="">mike</a> 
<a href="">bob</a> 

我猜的URL都會有該記錄剩餘的數據。 點擊上搶,那麼結果應該是

Rob 
Phone - $phone 
Email - $email 
Age - $age 

回答

1

讓您的href鏈接發送到另一個頁面,打印完所有的統計數據。最好的方法是通過ID進行href。所以。

<a href="yoursite.com?id=1">rob</a> 
<a href="yoursite.com?id=2">mike</a> 
<a href="yoursite.com?id=3">bob</a> 

或者你可以做一個toolip了出來,並隱藏所有信息到dispay沒有「泡沫」:P http://www.sohtanaka.com/web-design/simple-tooltip-w-jquery-css/

1

我想你想要做的是使用AJAX的數據進行比較沒有什麼所以在這裏清涼的網頁是我的代碼示例,您可以改善,因爲你的需求:

INDEX.HTML

<!-- 
To change this template, choose Tools | Templates 
and open the template in the editor. 
--> 
<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 


     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <script type="text/javascript" src="jquery.js"></script> 
     <script type="text/javascript"> 


     $(document).ready(function() 
      { 
       $("#get").click(function() 
       { 
             var name = $("#name").val(); 
        $('#1').load("getdata.php?name=" +name); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     NAME : <input type="textbox" id="name" > 
     <button id="get">Get Name Data</button> 
     <div id="1" name='divku'></div> 
    </body> 
</html> 

訪問getdata.php

<?php 
    $name = $_GET['name']; 
    getname($name); 

function getname($name) 
{ 

$con = mysql_connect("localhost","root",""); 
    if (!$con) 
    { 
    die('Could not connect: ' . mysql_error()); 
    } 
    mysql_select_db("stackoverflow", $con); 
    $result = mysql_query("SELECT * FROM user where name = '" . $name . "'"); 

while($row = mysql_fetch_array($result)) 
{ 

echo $row[0] . $row[1] . $row [2]; 

} 
mysql_close($con); 

} 
?> 

我希望這能解決你的問題

0

你可以試試這個方法,

foreach ($detailedArr as $arr) { 
    echo '<a href="javascript:;" name="a_name" id="a_'. $arr['id'] .'" >'. $arr['name'] .'</a>'; 
    echo '<div name="div_detail" id="div_'. $arr['id'] .'" style="clear:both;display:none;" >'; 
    echo 'email : '. $arr['email']; 
    echo '</div>'; 
} 

這裏$detailedArr是由具有所有記錄的數組,你可以改變的基礎上設計你的要求。而在JavaScript代碼

$(function() { 
    $("[name=a_name]").click(function() { 
     var clkId = $(this).attr('id').split('_')[1]; 
     $("[name=div_detail]").hide({animate:'slow'}); 
     $("#div_"+clkId).show({animate:'slow'}); 
    }); 
}); 

在這裏,我用jQuery做,所以你必須包括jQuery庫

相關問題