php 中 jQuery 插件 autocomplate 的使用简介

刚接触

jQuery，时间不太长，以下文章只限于参考使用。查了一部分资料，最后终于写成功

了，只是单纯的实现，其它的特殊用法还没有进行深入研究，简单贴出来，希望可以给新
手一个参考
首先需要的文件有

jquery.js，jquery.autocomplete.js，jquery.autocomplete.js，这三个文件，

哪里有？百度、谷歌都可以找到。可以去官网上下，里面包含了一些

demo，只留下这三个文

件即可。

 

 
js 代码： 
 
代码如下

:

 
<SCRIPT language=javascript src="../../js/jquery.js" type=text/javascript> 
</SCRIPT><SCRIPT language=javascript src="../../js/jquery.autocomplete.js" 
type=text/javascript></SCRIPT> 
<SCRIPT language=javascript type=text/javascript> 
$(document).ready(

function

(){ 

/*这里做的是一个简单的检索姓名的自动完成程序*/

 

$('#key_name').autocomplete('doctor_list.php',{ 

/*此处是请求的地址*/

 

width: 150, 

/*此处是自动提示框的宽度*/

 

matchContains: true, 

/*是否使用内部比较(匹配单词的一部分)*/

 

selectFirst: false, 

/*如果这个设置为 true,第一个 autocomplete 值将 被自动通过 tab/回车选择,即使没有通过键
盘或鼠标精选选择

 */

 

extraParams: {name:

function

(){

return

 $("#key_name").val();},action:"getAjaxInfo"} 

/*这个 extraParams 是后端的附加参数，以这个为例，name 是请求的地址中的参数，默认是
以

GET 方式，action:"getAjaxInfo"这个也是 GET 传递的参数，完整的请求地址如下

 

doctor_list.php?action=getAjaxInfo&name=表单数据了*/

 

}); 
</SCRIPT> 
 
 
HTML 代码中只有： 
<input id="key_name" style="width: 150px;" type="text" name="key_name" /> 
 
下面是

php 代码： 

代码如下

: