php中jQuery插件autocomplate的简单使用笔记


Posted in PHP onJune 14, 2012

首先需要的文件有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代码:

if($_GET['action'] == 'getAjaxInfo'){ 
//这里由于我写其它应用了,如果单纯做这一个自动完成,可以写简单一点 
if($_GET['name'] != ''){ 
$field = 'name'; 
} 
if($field != ''){ 
$val = $_GET['$field']; 
$sql = "select `$field` from doctor_info where $field like '%$val%'"; 
$rst = $aa->execute($sql); 
while($row = mysql_fetch_array($rst)){ 
echo $row[0]."\n"; 
} 
} 
exit; 
}

直接运行即可实现 。
下面贴出来autocomplate的一些公共用法,从别的站上面粘过来的,参考方便

属性 类型 描述 定义在
actionPrefix string actionsID的前缀. CWidget
attribute string 这个widget相关的属性. CInputWidget
autoFill boolean 选择一个值时自动填充textinput, 替换已经键入的或选择的值. CAutoComplete
cacheLength integer 存储在cache中的后台查询结果的数目. CAutoComplete
controller CController 返回这个小物件所属的controller. CWidget
cssFile mixed 这个widget使用的CSS文件. CAutoComplete
data array 保存在客户端提供候选选择项的数据. CAutoComplete
delay integer 当键入后,autocompleter等待多少毫秒激活 . CAutoComplete
extraParams array 后端的附加参数. CAutoComplete
formatItem string 为一个item提供高级标记的javascript函数. CAutoComplete
formatMatch string 用来限制autocomplete搜索匹配的数据的javascript函数 . CAutoComplete
formatResult string 在结果放入input字段前,提供格式化值的javascript函数 . CAutoComplete
highlight boolean|string 是否在选择框中高亮匹配. CAutoComplete
htmlOptions array 被渲染到input tag的附加HTML选项. CInputWidget
id string 返回本小物件(widget)的ID或如果请求的话生成一个新的. CWidget
inputClass string input元素的CSS类. CAutoComplete
loadingClass string 当数据从后端载入时使用的CSS类. CAutoComplete
matchCase boolean 是否比较时大小写敏感. CAutoComplete
matchContains boolean 是否使用内部比较(匹配单词的一部分) (i. CAutoComplete
matchSubset boolean 是否autocompleter为更多的指定查询使用缓存 . CAutoComplete
max integer select box的item数目. CAutoComplete
methodChain string 被附加到autocomplete构造函数后的方法链调用. CAutoComplete
minChars integer 用户必须键入的最少字符数 在autocompleter激活之前. CAutoComplete
model CModel 这个widget相关的数据模型. CInputWidget
multiple boolean 是否允许超过一个autocompleted-value输入. CAutoComplete
multipleSeparator string 当使用多个选项时,选项之间的分隔符. CAutoComplete
mustMatch boolean 如果设置为true,autocompleter将仅仅允许结果通过后端呈现 . CAutoComplete
name string input 名称. CInputWidget
options array 传递到autocomplete js 对象的构造函数的附加选项. CAutoComplete
owner CBaseController 返回这个小物件的所有者/创造者. CWidget
resultsClass string 下拉列表的CSS类. CAutoComplete
scroll boolean 当更多的结果超过scrollHeight设置的高度时,是否滚动. CAutoComplete
scrollHeight integer autocomplete的举动高度(用像素)s. CAutoComplete
selectFirst boolean 如果这个设置为true,第一个autocomplete值将 被自动通过tab/回车选择,即使没有通过键盘或鼠标精选选择 . CAutoComplete
skin mixed 这个widget使用的皮肤名称. CWidget
textArea boolean 是否使用一个text area显示autocomplete. CAutoComplete
url string|array 返回候选选项的URL. CAutoComplete
value string input值 CInputWidget
viewPath string 返回这个物件包含视图文件的目录. CWidget
width integer 指定select box的自定义宽度. CAutoComplete
PHP 相关文章推荐
PHP中的extract的作用分析
Apr 09 PHP
PHP 作用域解析运算符(::)
Jul 27 PHP
thinkphp验证码显示不出来的解决方法
Mar 29 PHP
php冒泡排序、快速排序、快速查找、二维数组去重实例分享
Apr 24 PHP
ThinkPHP中的三大自动简介
Aug 22 PHP
PHP连接MSSQL2008/2005数据库(SQLSRV)配置实例
Oct 22 PHP
PHP文件锁函数flock()详细介绍
Nov 18 PHP
CentOS下PHP安装Oracle扩展
Feb 15 PHP
ThinkPHP文件缓存类代码分享
Apr 22 PHP
PHP模板引擎Smarty中变量的使用方法示例
Apr 11 PHP
Yii2语言国际化的配置教程
Aug 19 PHP
php+layui数据表格实现数据分页渲染代码
Oct 26 PHP
PHP的加密方式及原理
Jun 14 #PHP
php面向对象 字段的声明与使用
Jun 14 #PHP
PHP对象Object的概念 介绍
Jun 14 #PHP
深入了解PHP类Class的概念
Jun 14 #PHP
让PHP更快的提供文件下载的代码
Jun 13 #PHP
深入理解PHP之数组(遍历顺序)  Laruence原创
Jun 13 #PHP
header中Content-Disposition的作用与使用方法
Jun 13 #PHP
You might like
ionCube 一款类似zend的PHP加密/解密工具
2010/07/25 PHP
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
用JavaScript 处理 URL 的两个函数代码
2007/08/13 Javascript
基于jquery的bankInput银行卡账号格式化
2012/08/22 Javascript
Javascript中 关于prototype属性实现继承的原理图
2013/04/16 Javascript
JQuery DataTable删除行后的页面更新利用Ajax解决
2013/05/17 Javascript
JS文本框追加多个下拉框的值的简单实例
2013/07/12 Javascript
js判断运行jsp页面的浏览器类型以及版本示例
2013/10/30 Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
2014/01/14 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
快速掌握Node.js之Window下配置NodeJs环境
2016/03/21 NodeJs
node.js实现端口转发
2016/04/14 Javascript
js轮播图代码分享
2016/07/14 Javascript
最实用的JS数组函数整理
2017/12/05 Javascript
Nodejs模块的调用操作实例分析
2018/12/25 NodeJs
了解JavaScript中的选择器
2019/05/24 Javascript
layui 实现table翻页滚动条位置保持不变的例子
2019/09/05 Javascript
vue获取form表单的值示例
2019/10/29 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
JS替换字符串中指定位置的字符(多种方法)
2020/05/28 Javascript
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python虚拟环境Virtualenv使用教程
2015/05/18 Python
Python银行系统实战源码
2019/10/25 Python
python读取csv文件指定行的2种方法详解
2020/02/13 Python
微软澳洲官方网站:Microsoft Australia
2017/01/10 全球购物
欧姆龙医疗欧洲有限公司:Omron Healthcare Europe B.V
2020/06/13 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
杭州时比特电子有限公司SQL
2013/08/22 面试题
上级检查欢迎词
2014/01/18 职场文书
30年同学聚会邀请函
2014/01/25 职场文书
幼儿园毕业典礼主持词
2014/03/21 职场文书
颁奖晚会主持词
2014/03/25 职场文书
营销学习心得体会
2014/09/12 职场文书
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers
Python批量将csv文件转化成xml文件的实例
2021/05/10 Python
SqlServer常用函数及时间处理小结
2023/05/08 SQL Server