第一个就是自动完成的功能即Autocomplete,具体的例子可以在这里看： http://www.b2c-battery.co.uk
在Search框内输入一个产品型号，就可以看见效果了。
这里用到了一个开源的代码： AutoAssist ，有兴趣的可以看一下。
以下为代码片断：
index.htm
＜script type="text/javascript" src="javascripts/prototype.js">＜/script>
＜script type="text/javascript" src="javascripts/autoassist.js">＜/script>
＜link rel="stylesheet" type="text/css" href="styles/autoassist.css"/>
＜div>
＜input type="text" name="keyword" id="keyword"/>
＜script type="text/javascript">
Event.observe(window, "load", function() {
var aa = new AutoAssist("keyword", function() {
return "forCSV.php?q=" + this.txtBox.value;
});
});
＜/script>
＜/div>
不知道为什么不能用keywords做文本框的名字，我试了很久，后来还是用keyword,搞得还要修改原代码。
forCSV.php
＜?php
$keyword =
Ajax技术实践之完成Ajax自动完成功能 - 站长学院
咨询热线：020-85648757 85648755 85648616 0755-27912581 客服：020-85648756 0755-27912581 业务传真：020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址：广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址：深圳市宝源路华丰宝源大厦606
研发中心：广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册
相关Ajax技术实践之完成Ajax自动完成功能