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 MSSQL 存储过程的方法
Dec 24 PHP
php htmlspecialchars加强版
Feb 16 PHP
PHP 获取远程网页内容的代码(fopen,curl已测)
Jun 06 PHP
PHP 获取远程文件大小的3种解决方法
Jul 11 PHP
php+jQuery.uploadify实现文件上传教程
Dec 26 PHP
PHP读书笔记整理_结构语句详解
Jul 01 PHP
PHP实现路由映射到指定控制器
Aug 13 PHP
解决PHP程序运行时:Fatal error: Maximum execution time of 30 seconds exceeded in的错误提示
Nov 25 PHP
PHP xpath()函数讲解
Feb 11 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
Apr 10 PHP
PHP实现数组根据某个字段进行水平合并,横向合并案例分析
Oct 08 PHP
PHP设计模式之外观模式(Facade)入门与应用详解
Dec 13 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
一步一步学习PHP(1) php开发环境配置
2010/02/15 PHP
php操作mysqli(示例代码)
2013/10/28 PHP
简单了解PHP编程中数组的指针的使用
2015/11/30 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
php获取POST数据的三种方法实例详解
2016/12/20 PHP
PHP的垃圾回收机制代码实例讲解
2021/02/27 PHP
基于jquery实现的服务器验证控件的启用和禁用代码
2010/04/27 Javascript
利用window.name实现windowStorage代码分享
2014/01/02 Javascript
离开当前页面前使用js判断条件提示是否要离开页面
2014/05/02 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
2015/08/21 Javascript
Java中Timer的用法详解
2015/10/21 Javascript
基于jquery animate操作css样式属性小结
2015/11/27 Javascript
AngularJS基础 ng-dblclick 指令用法
2016/08/01 Javascript
提高JavaScript执行效率的23个实用技巧
2017/03/01 Javascript
vue2.0+ 从插件开发到npm发布的示例代码
2018/04/28 Javascript
vue.js的vue-cli脚手架中使用百度地图API的实例
2019/01/21 Javascript
Node.js API详解之 console模块用法详解
2020/05/12 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
python网络编程之读取网站根目录实例
2014/09/30 Python
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
Python实现多级目录压缩与解压文件的方法
2018/09/01 Python
python使用matplotlib画柱状图、散点图
2019/03/18 Python
python画图--输出指定像素点的颜色值方法
2019/07/03 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
python多任务之协程的使用详解
2019/08/26 Python
如何实现更换Jupyter Notebook内核Python版本
2020/05/18 Python
请编程遍历页面上所有 TextBox 控件并给它赋值为 string.Empty
2015/12/03 面试题
银行办理业务介绍信
2014/01/18 职场文书
挖掘机司机岗位职责
2014/02/12 职场文书
革命先烈的英雄事迹材料
2014/02/15 职场文书
优秀团员自我评价范文
2014/04/23 职场文书
竞争上岗演讲稿范文
2014/05/12 职场文书
小学生民族团结演讲稿
2014/08/27 职场文书
学校四风问题对照检查材料思想汇报
2014/09/26 职场文书
政工师工作总结2015
2015/05/26 职场文书
高考要来啦!用Python爬取历年高考数据并分析
2021/06/03 Python