数据库:wKiom1cxmqaTUhj0AAA33CaMLRs331.png

前台页面:choseForm.php

<html>

<head>

<script type="text/javascript">

function showUser(str){

var xmlhttp;

if (str=="")

 {

 document.getElementById("txtHint").innerHTML="";

 return;

 }

if (window.XMLHttpRequest)

 {// code for IE7+, Firefox, Chrome, Opera, Safari

 xmlhttp=new XMLHttpRequest();

 }

else

 {// code for IE6, IE5

 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

 }

xmlhttp.onreadystatechange=function()

 {

 if (xmlhttp.readyState==4 && xmlhttp.status==200)

   {

   document.getElementById("txtHint").innerHTML=xmlhttp.responseText;

   }

 }

xmlhttp.open("GET","getuser.php?q="+str,true);

xmlhttp.send();


}

</script>

</head>

<body>


<form> 

Select a User:

<select name="users" οnchange="showUser(this.value)">

<option value="0">Please Choose</option>

<option value="1">Peter Griffin</option>

<option value="2">Lois Griffin</option>

<option value="3">Glenn Quagmire</option>

<option value="4">Joseph Swanson</option>

</select>

</form>

<div id="txtHint">客户信息将在此处列出 ...</div>


</body>

</html>


后台文件:getuser.php

<?php

$q=$_GET["q"];


    $mysql_server_name="localhost"; //数据库服务器名称

    $mysql_username="root"; // 连接数据库用户名

    $mysql_password="cxst789"; // 连接数据库密码

    $mysql_database="user"; // 数据库的名字

    

    // 连接到数据库

    $con=mysql_connect($mysql_server_name, $mysql_username,

                        $mysql_password);

if (!$con)

 {

 die('Could not connect: ' . mysql_error());

 }


mysql_select_db("user", $con);


$sql="SELECT * FROM user WHERE id = '".$q."'";


$result = mysql_query($sql);


echo "<table border='1'>

<tr>

<th>Firstname</th>

<th>Lastname</th>

<th>Age</th>

<th>Hometown</th>

<th>Job</th>

</tr>";


while($row = mysql_fetch_array($result))

 {

 echo "<tr>";

 echo "<td>" . $row['FirstName'] . "</td>";

 echo "<td>" . $row['LastName'] . "</td>";

 echo "<td>" . $row['Age'] . "</td>";

 echo "<td>" . $row['Hometown'] . "</td>";

 echo "<td>" . $row['Job'] . "</td>";

 echo "</tr>";

 }

echo "</table>";


mysql_close($con);

?>