使用ajax实现的功能，在一个框中输入关键字，自动输出提示信息获取id并填入到另一框中？

html代码如下：<br><br>&lt;head&gt;<br>&lt;script type=&quot;text/javascript&quot;&gt;<br>var http_request;<br>function getKey(v){<br>     if(v.value.length&gt;2){<br>          Ajax_send(&quot;process.phtml?cs_id=&lt;?=$cs_id?&gt;&amp;key=&quot;+v.value,'GET');<br>      }<br>function Ajax_send(url,method){<br>   if(window.XMLHttpRequest){<br>        http_request= new XMLHttpRequest();<br>  }else if(window.ActiveXObject){<br>        http_request= new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;);<br>  }<br>        http_request.onreadystatechange=Ajax_out;<br>        http_request.open(method,url,true);<br>        http_request.send(null);<br>  }<br>function Ajax_out(){<br>     if(http_request.readyState==4){<br>     if(http_request.responseText!=''){<br>       out(http_request.responseText,'block');<br>  }  else{<br>       alert(&quot;null&quot;);<br>   }<br> }<br>}<br>   function out(inner,display){<br>       var div=document.getElementById('out');<br>       var e=document.getElementById('matID');<br>       var top=e.getBoundingClientRect().top;<br>       var left=e.getBoundingClientRect().left;<br>       changeStyle(div,top+20,left,452);<br>       div.style.display=display;<br>       div.innerHTML=inner;<br>}<br> function end(select){<br>       document.getElementById('matID').value=select;<br>       document.getElementById('out').style.display='none';<br>   }<br>function changeStyle(div,top,left,width){<br>       div.style.top=top;<br>       div.style.left=left;<br>       div.style.width=width;<br>   }<br>&lt;/script&gt;<br>&lt;style&gt;<br>    .test{<br>    display:none;<br>    z-index:100;<br>    width:452px;<br>    top:20px;<br>    left:0px;<br>    height:auto;<br>    background-color:lightgrey;<br>    border:1px solid;<br>    position:absolute;<br>    }<br>&lt;/style&gt;<br>&lt;/head&gt;<br><br>&lt;body&gt;<br>&lt;div id=&quot;out&quot; class=&quot;test&quot;&gt;&lt;/div&gt;<br>&lt;table&gt;&lt;tr&gt;<br>&lt;td nowrap align=&quot;center&quot;&gt;&lt;input id=&quot;matID&quot; name=&quot;matID&quot; size=&quot;4&quot; value=&quot;&quot; readonly/&gt;&lt;input  name=&quot;code&quot; value=&quot;&quot; onKeyDown='getKey(this);' autocomplete='off'/&gt;&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;/td&gt;<br>&lt;/table&gt;<br>&lt;body&gt;<br>&lt;/html&gt;<br><br>process.phtml文件的代码如下：<br>&lt;?<br>   require_once('include/matService.inc');<br>   $matservice= new matService();<br>   $key=$_GET['key'];<br>   $cs_id=$_GET['cs_id'];<br>   //echo $key;<br>   //echo $cs_id;<br>   $rt=$matservice-&gt;getMat_name($key,$cs_id);<br>   $return=&quot;&quot;;<br>   if($i=0;$i&lt;count($rt);$i++){<br>   $row_mat=$rt[$i];<br>   $return.=&quot;&lt;a href=\&quot;#\&quot; onClick=\&quot;end('&quot;.$row_mat['id'].&quot;');\&quot;&gt;&quot;.$row_mat['code'].&quot; &quot;.$row_mat['name'].&quot;&lt;/a&gt;&lt;/br&gt;&quot;;<br>}<br>  echo $return;<br><br>?&gt;<br>可是想要的效果出不来怎么改呀？

没看你的代码，我一般都用JQuery的ajax框架做ajax。
给你一个我的思路，我用的asp.net语言。

文件需求：一个显示调用页面，命名为a。aspx；一个ajax后台返回数据页，命名为ajax。aspx

页面布置：a.aspx 中写入操作内容，一个ajax调用方法，一个选定值方法，一个div接收返回HTML,名为为div_data
一，//ajax调用方法
function DoAjax(val){
$("#div_data").show();
var url = "Ajax.aspx?val="+val;
$.get(url, function(data) {
//data为ajax返回数据，字符串类型
$("#div_data").attr("innerHTML",data); })
}
//选定值方法，并复制给一个输入框（id为txt_data）
function selectData(val){
$("#txt_data").attr("value",val);
$("#div_data").hide();
}

//两个txt,一个div
<input type='text' onkeyup="DoAjax this.value)"/>
<div id='div_data'></div>
<input type='text' id='txt_data'/>
二,//ajax.aspx接收参数值，根据参数值获得数据并拼接为HTML返回
//没有HTML代码，后台输出HTML//后台代码如下
string param=request.QueryString["val"];
//此处为根据参数查询数据库，获得列表数据datatable或其他数据集合都可以
DataTable dt=GetDataTable(val);
//循环dataTable，编写格式输出HTML
string HTML="";
foreach(DataRow dr in dt.Rows){
HTML+="<a href='JavaScript:void(0)' onclick=\"SelectData('"+dr["Name"].ToString()+"')\">"+dr["Name"].ToString()+"</a>";
}
//将HTML打印到前台，用以返回给上一个页面

Response.Write(HTML);