首先需要的文件有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 |
| 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 |
相关推荐:
ChatGPT为什么打不开了?揭秘背后的原因与解决办法,ai业务后端
SEO可以改变你的商业未来:如何通过优化提升网站流量和转化率,五粮液营销推广
什么是seo在线咨询,什么是seo在线咨询服务 ,unreal ai
AI仿写文章:开启内容创作新纪元
SEO本站:提升网站流量与排名的秘密武器,荆门专业的抖音seo
seo网站页面优化包括什么,seo页面优化技术 ,no ai写作
SEO部:开启数字化营销新纪元的幕后英雄,株洲营销推广是什么公司
SEO有点:揭秘优化之道,提升网站排名的秘诀,广州抖音seo厂家地址
seo算是什么营销方式,seo是网络营销吗 ,ai318
未来写作新方式原创AI文章的无限可能
用AI写文章会不会查重率高?破解写作困扰的真相
怎么让AI润色文章,让写作更轻松?
GPT在什么时候被人熟知的?从技术突破到广泛应用的背后故事,ai商业新思维ai课程
企业SEO:如何通过搜索引擎优化提升企业网络竞争力,安阳网站优化布局设计
seo资源是什么意思,seo资源怎么打开 ,梅州ai自动插件加工
怎么降低文章的AI生成率:打造更真实、更有价值的内容
为什么要年前做SEO,企业为什么做seo推广 ,云南ai大数据公司
ChatGPT的破解版:AI世界的新突破,ai无禁忌
优方法-高效生活与工作的秘密武器,钻石营销推广方案
Bing学术搜索结果不显示时间?如何解决这一问题,提升学术研究效率!,ai怎么参考线
未来的效率利器AI软件下载AI,助您轻松驾驭智能世界
ChatGPT免费版的限制:你需要了解的5大制约因素,Ai分解模型
SEO优化工具优势:提升网站排名,带来流量和转化的秘密武器,ai圆形造字
怎么用AI写文章:高效创作的秘诀
ChatGPT不登录,如何畅享AI的智能服务?,手信ai
ChatGPT无法完全显示?你可能忽略了这些令人惊讶的细节!,朵朵ai绘画
仿写AI:智能时代的创作革命,洛江区移动房网站推广
SEO优化排-打造高效的网络营销利器,精神AI
seo黑帽是什么,列举几种seo黑帽行为 ,穿老款的ai丢人吗
seo网络上什么意思,seo表示什么 ,如何避免今日头条ai写作检测
ChatGPT出问题?背后的原因与解决方案,夸克ai写作生成
为什么选择SEO会员服务,让您的网站流量飞速增长,靖边专业网站建设公司
了解SEO:让你的网站在搜索引擎中脱颖而出的秘密武器,宝山区常见网站优化
ChatGPT无服务:如何突破限制,未来人工智能的新可能,ai绘制装饰画
seo竞价做的什么工作,seo 竞价 ,office智能ai
SEO妍:搜索引擎优化的艺术,轻松打造网络营销新未来,辽宁网站建设贵不贵
如何用AI写公众号文章?让创作更高效、更轻松
AI撰写工具的无限可能,让内容创作更高效、更精彩!
丹东抖音seo是什么,抖音seo引流 ,ai工具编写作业指导书
二级泛站群,zblog二级泛站群 ,李宗盛ai
SEO笔记:如何打造高效的SEO策略提升网站排名,网站优化优质服务方案
AI人工智能:开发与应用的必备软件推荐
ChatGPT198元永久会员,开启智慧之门,体验AI的极致服务!,老孙教ai
好用的AI写作工具,提升写作效率与创意的最佳选择
SEO全套秘籍:提升网站流量与排名的终极指南,荣昌手机网站建设
seo需要什么器械,seo需要什么器械才能做 ,长续航ai纯电汽车
SEO基础知识解析:如何提升网站排名,助力企业成长,毕节企业建设网站
SEO优化:提升网站流量的终极指南,揭阳网站快速推广
SEO自行:提升网站流量的秘密武器,邹平县个人网站建设建议
SEO需要:如何提升网站排名,打造高效营销利器,seo怎么推广关键词