关于仿Google智能搜索的一个问题

本人技术不行，在网上找来一段代码运行，能够达到智能提示的效果，但是搜索出的结果不能用键盘的上下键和回车键控制，有没有大牛来帮个忙呀，弄了几天了，弄不出来。代码贴出来<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
<script language="javascript" type="text/javascript">
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
var obj;
if(window.XMLHttpRequest) { //Mozilla 浏览器
obj = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // IE浏览器
try {
obj = new ActiveXObject( "Msxml2.XMLHTTP");
} catch(e){
try{
obj = new ActiveXObject( "Microsoft.XMLHTTP");
} catch (e) {}
}
}
return obj;
}
//当输入框的内容变化时，调用该函数
function searchSuggest() {
var inputField = document.getElementById( "txtSearch");
var suggestText = document.getElementById( "search_suggest");if (inputField.value.length > 0) {
var o=createXMLHttpRequest();var url = "Search.aspx?searchText=" + escape(inputField.value);
o.open("GET", url, true);
o.onreadystatechange = function(){
if(o.readyState == 4){
if(o.status == 200){
var sourceText = o.responseText.split( "\n");
if(sourceText.length >1){
suggestText.style.display= "";
suggestText.innerHTML = "";
for(var i=0;i <sourceText.length-1;i++) {
var s=' <div onmouseover="javascript:suggestOver(this);"';
s+=' onmouseout= "javascript:suggestOut(this);" ';
s+=' onclick= "javascript:setSearch(this.innerHTML);" ';
s+=' class= "suggest_link">' +sourceText[i]+'</div>';
suggestText.innerHTML += s;
}
}
else{
suggestText.style.display= "none";
}
}
}
};//指定响应函数
o.send(null); // 发送请求
}
else {
suggestText.style.display= "none";
}
}function suggestOver(div_value){
div_value.className = "suggest_link_over";
}function suggestOut(div_value){
div_value.className = "suggest_link";
}function setSearch(obj){
document.getElementById("txtSearch").value = obj;
var div = document.getElementById( "search_suggest");
div.innerHTML = "";
div.style.display= "none";
}function tbblur(){
var div = document.getElementById("search_suggest");
//div.innerHTML = "";
div.style.display= "none";
}</script><style type="text/css" media="screen">
body
{
font: 11px arial;
}
.suggest_link
{
background-color: #FFFFFF;
padding: 2px 6px 2px 6px;
}
.suggest_link_over
{
background-color: #E8F2FE;
padding: 2px 6px 2px 6px;
}
#search_suggest
{
position: absolute;
background-color: #FFFFFF;
text-align: left;
border: 1px solid #000000;
}
/*input*/
.input_on{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #999;
background-color:#FFFFCC;
}
.input_off{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF;
}
.input_move{
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #999;
background-color:#FFFFCC;
}
.input_out{
/*height:16px;默认高度*/
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF;
}
</style></head>
<body>
<form id="form1" action="">
<input type="text" id="txtSearch" name="txtSearch" onkeyup="searchSuggest();" size="20" class="input_out" onfocus="this.className='input_on';this.onmouseout=''" onblur="this.className='input_off';this.onmouseout=function(){this.className='input_out'};" onmousemove="this.className='input_move'" onmouseout="this.className='input_out'" /><br />
<div id="search_suggest" style="display:none"></div>
</form>
</body>
</html>

解决方案 »

  1.   

    貌似有个jquery的插件可以用的
      

  2.   

    这是做的键盘精灵，选择人的，LZ自己再研究下吧
    function __setResult(){
        __isNeedGetData=false;
        var tb = __Selector.document.all.stockList;
        if (tb.rows.length > 0 && __nowTrIndex >= 0) __nowInput.value = __nowInput.value.substr(0, __nowInput.value.lastIndexOf(',') + 1) + tb.rows[__nowTrIndex].cells[1].innerText + ",";
    __hideSelectorPanel();
    if (document.getElementById("btn_SynData") != null) {
        document.getElementById("btn_SynData").click() 
        } 
    }
      

  3.   

    jquery.autocomplate
    http://www.cnblogs.com/hcbwei/archive/2009/08/31/1557281.html
      

  4.   

    jquery.autocomplate
    很好用的 样式自己改吧