在你的输入框下面定义一个隐藏的DIV，然后用Ajax请求，当每次输入内容是提交Ajax请求，查询信息后把responseText按一定格式写入DIV(DIV.innerHTML),然后让DIV显示。
Ajax例子：
var xmlhttp = new XMLHttpRequest();
// IE 下的
//var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
//alert(xmlhttp);
function ajaxTest() {
// 指定要打开的页面
xmlhttp.open("GET", "staticpage.html", true);// HTTP 请求的方式, URL, 是否异步
// 指定页面打开完之后要进行的操作.
xmlhttp.onreadystatechange = mychange;
// 开始发起浏览请求, Mozilla 必须加 null
xmlhttp.send(null);
}
// 这个函数就是每次状态改变要调用的函数
function mychange() {
// 请求已完成
if(xmlhttp.readyState == 4) {
//alert(xmlhttp.readyState);
alert(xmlhttp.responseText);
// 更新对应的 HTML 元素里面显示的内容
// 根据 ID 引用页面里面的元素 document.getElementById(元素名)
document.getElementById('weather').innerHTML = xmlhttp.responseText;
}
}
</script>
<div id="weather"></div>
网上的例子，看看就会了。
自动完成，用ajax实现，每当文本框的文字变化时发送ajax请求，异步获取查询结果的xml数据
