请大家帮帮忙给个例子吧.....

Question

例如网页显示页面：在姓名文本域输入'李'字,然后能检索出数据库学生资料表,显示有'李'字的姓名,最好的效果能在姓名旁边有一个层来显示这个相关的信息,然后可由用户选择.然后选择的数据补填在这个姓名位子.并调出数据库表中性别等其他信息.  学生资料表
序号 姓名 性别 年纪 年龄
[ 1 ][ ] [ ] [ ] [ ]
[ 2 ][ ] [ ] [ ] [ ]
[ 3 ][ ] [ ] [ ] [ ].
.
.
.

Answer 1

参考：demohttp://blog.csdn.net/IBM_hoojo/archive/2010/06/23/5688947.aspx

Answer 2

 <INPUT TYPE="text" id="user_name" NAME="" onkeyup="showOpt(this.value)">
 <div id="div_opts" style="width:100px; border:1px solid gray; display:none"></div>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
  var data = ['张三','李四','王五','赵李氏','李四一'];
  var user_name = document.getElementById("user_name");
  var div_opts = document.getElementById("div_opts");
function showOpt(val){
div_opts.innerHTML = "";
for (var i=0; i<data.length; i++) {
if (data[i].indexOf(val) != -1) {
var opt = document.createElement("div");
opt.innerHTML = "<span style='width:100%;cursor:pointer' onclick=choseMe('"+ data[i] +"')>"+ data[i] +"</span>";
opt.style.width = "100%";
opt.style.borderBottom = "1px dotted gray";
//opt.onClick = function(){choseMe(data[i])};
div_opts.appendChild(opt);
}
}
if (div_opts.innerHTML != "") div_opts.style.display = "block";
}
function choseMe(para) {
user_name.value = para;
div_opts.style.display = "none";
}
  //-->
  </SCRIPT>