请教关于类似于google查询输入框那种suggest的一个问题
我想做一个类似于google在查询输入框输入东西,
下面有个对应结果提示出来
有点类似google,baidu的suggest,但又不是
和www.apple.com里面那个搜索输入差不多,
当你输入查询词的时候,自动给你出一些匹配的结果出来。
在网上也看了一下各种框架,有什么jquery.js+jqury.autocomplete的输入
但是输入一个框架一下又把我页面的css各种搞乱了
而且并不想引入这么多东西
我自己做了一个,基本能够实现功能,但是还有几个缺陷。
我的原理是这样:
当在查询框输入查询词的时候,当检查到输入框有变化的时候
就触发一个事件,
<input type=text size="40" name="txtCondition" id="txtCondition" value='notebook' onchange="alert("changed!!!!!");sendQuery(this.value)" />
sendQuery通过该函数
function sendQuery(keyword){
var url="/poc/servlet/AjaxQueryServlet?text="+keyword+"&ts="+new Date().getTime();
createXMLHttpRequest();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET",url,true);
//xmlHttp.open("GET","data.xml",true);
xmlHttp.send(null);
}
通过ajax能够成功访问,也能返回东西,
但是有一个问题,就是如何监控输入框txtCondition,
我只有鼠标离开输入框的时候,才会触发该事件,
怎么才能实现边输入边发送查询,比如输入no的时候就发送no过去
只有输完notebook的时候才行,
我换了一个函数onkeyup的时候出现的问题是,
我输中文拼音根本无法输完不停的弹出,真的很烦,
--
FROM 59.108.24.*