介绍
本篇文章为大家展示了autocomplate如何在php中使用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
首先需要的文件有jquery.js, jquery.autocomplete.js jquery.autocomplete。js,这三个文件,哪里有?百度,谷歌都可以找到。可以去官网上下,里面包含了一些演示,只留下这三个文件即可。
js代码:
代码如下:
& lt;脚本语言javascript src==https://www.yisu.com/zixun/js/jquery.js " type=text/javascript>
& lt;/SCRIPT> & lt;脚本语言javascript src==https://www.yisu.com/zixun/js/jquery.autocomplete.js " type=text/javascript>
& lt;脚本语言javascript type==文本/javascript>文档
$()时()函数{
/*这里做的是一个简单的检索姓名的自动完成程序*/
美元(& # 39;# key_name& # 39;) .autocomplete (& # 39; doctor_list.php& # 39;, {
/*此处是请求的地址*/
宽度:150,
/*此处是自动提示框的宽度*/
matchContains:真的,
/*是否使用内部比较(匹配单词的一部分)*/
selectFirst:假的,
/*如果这个设置为真的,第一个自动完成值将被自动通过标签/回车选择,即使没有通过键盘或鼠标精选选择*/
extraParams:{名称:函数(){返回$ (“# key_name") .val();},行动:“getAjaxInfo"}
/*这个extraParams是后端的附加参数,以这个为例,名字是请求的地址中的参数,默认是以得到方式,动作:“getAjaxInfo"这个也是得到传递的参数,完整的请求地址如下doctor_list.php ? action=getAjaxInfo& name=表单数据了*/
});
& lt;/SCRIPT>
HTML代码中只有:
& lt;输入id=発ey_name",类型=皌ext"name=発ey_name"/比;
下面是php代码:
代码如下:
if ($ _GET[& # 39;行动# 39;]==& # 39;getAjaxInfo& # 39;) {
//这里由于我写其它应用了,如果单纯做这一个自动完成,可以写简单一点
if ($ _GET[& # 39;名字# 39;]!=& # 39;& # 39;){
$字段=& # 39;名字# 39;;
}
if($领域!=& # 39;& # 39;){
$ val=$ _GET[& # 39;场# 39;美元);
$ sql=把≡褡侄蚊涝拿涝觗octor_info领域& # 39;% $ val % & # 39;“;
rst=美元aa→执行($ sql);
, ($ (rst)美元)result中进行row=mysql_fetch_array {
echo $ row[0]干净\ n";
}
}
退出;
}
直接运行即可实现。
下面贴出来autocomplate的一些公共用法,从别的站上面粘过来的,参考方便
指定表格中<坳/> <坳/> <坳/> <坳/> 指定表格中属性类型描述定义在actionPrefixstringactionsID的前缀.CWidgetattributestring这个部件相关的属性。CInputWidgetautoFillboolean选择一个值时自动填充textinput,替换已经键入的或选择的值.CAutoCompletecacheLengthinteger存储在缓存中的后台查询结果的数目.CAutoCompletecontrollerCController返回这个小物件所属的controller.CWidgetcssFilemixed这个部件使用的CSS文件.CAutoCompletedataarray保存在客户端提供候选选择项的数据。CAutoCompletedelayinteger当键入后,自动完成等待多少毫秒激活.CAutoCompleteextraParamsarray后端的附加参数.CAutoCompleteformatItemstring为一个项目提供高级标记的javascript函数。CAutoCompleteformatMatchstring用来限制自动完成搜索匹配的数据的javascript函数.CAutoCompleteformatResultstring在结果放入输入字段前,提供格式化值的javascript函数.CAutoCompletehighlightboolean |字符串是否在选择框中高亮匹配。CAutoCompletehtmlOptionsarray被渲染到输入标记的附加HTML选项.CInputWidgetidstring返回本小物件(widget)的ID或如果请求的话生成一个新的.CWidgetinputClassstringinput元素的CSS类.CAutoCompleteloadingClassstring当数据从后端载入时使用的CSS类.CAutoCompletematchCaseboolean是否比较时大小写敏感.CAutoCompletematchContainsboolean是否使用内部比较(匹配单词的一部分)(我。CAutoCompletematchSubsetboolean是否自动完成为更多的指定查询使用缓存.CAutoCompletemaxintegerselect框的项数目.CAutoCompletemethodChainstring被附加到自动完成构造函数后的方法链调用。CAutoCompleteminCharsinteger用户必须键入的最少字符数在自动完成激活之前.CAutoCompletemodelCModel这个部件相关的数据模型.CInputWidgetmultipleboolean是否允许超过一个autocompleted-value输入.CAutoCompletemultipleSeparatorstring当使用多个选项时,选项之间的分隔符。CAutoCompletemustMatchboolean如果设置为真的,自动完成将仅仅允许结果通过后端呈现.CAutoCompletenamestringinput名称。CInputWidgetoptionsarray传递到自动完成js对象的构造函数的附加选项.CAutoCompleteownerCBaseController返回这个小物件的所有者/创造者.CWidgetresultsClassstring下拉列表的CSS类.CAutoCompletescrollboolean当更多的结果超过scrollHeight设置的高度时,是否滚动.CAutoCompletescrollHeightintegerautocomplete的举动高度(用像素)。CAutoCompleteselectFirstboolean如果这个设置为真的,第一个自动完成值将被自动通过标签/回车选择,即使没有通过键盘或鼠标精选选择.CAutoCompleteskinmixed这个部件使用的皮肤名称。CWidgettextAreaboolean是否使用一个文本区域显示autocomplete.CAutoCompleteurlstring |数组返回候选选项的URL.CAutoCompletevaluestringinput值CInputWidgetviewPathstring返回这个物件包含视图文件的目录。CWidgetwidthinteger指定选择框的自定义宽度。CAutoComplete
