css
.autocomplete-w1 { background:url(../img/indicator.gif) no-repeat top left; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { padding:2px 5px; white-space:nowrap; } .autocomplete strong { font-weight:normal; color:#3399FF; }
JS
<script src="/static/js/jquery.autocomplete-min.js"></script> <script> $(function(){ var onAutocompleteSelect =function(value, data) { //根据返回结果自定义一些操作 }; $('#compDpt').autocomplete({ serviceUrl: '/index.php?do=ajax&view=setting&type=1', width: 166,//提示框的宽度 delimiter: /(,|;)\s*/,//分隔符 //onSelect: onAutocompleteSelect,//选中之后的回调函数 deferRequestBy: 0, //单位微秒 //params: { country: 'Yes' },//参数 noCache: false, //是否启用缓存 默认是开启缓存的 dataType: 'json',//数据类型 onSelect: function (value, data) { $("#company_department").val(data); } }); }); </script>
php
$suggestions = $data = array(); foreach ($res as $row){ $suggestions[] = $row['name']; $data[] = $row['id']; } $return = array('query'=>$query, 'suggestions'=>$suggestions, 'data'=>$data); echo json_encode($return); exit;
参考文章:http://www.cnblogs.com/maxiao/archive/2012/04/25/2470712.html
相关推荐
jQuery Autocomplete plugin是在jQuery的基础上开发的一套小巧的输入下拉提示插件,这是它的PHP应用实例,大部分功能与HTML格式网页类同,这里增加了一些需要PHp程序配合的内容,它不但有输入提示功能,而且示例本身...
PHP实例开发源码—jQuery AutoComplete输入提示的应用实例.zip
jQuery AutoComplete是在jQuery的基础上开发的一套小巧的输入下拉提示插件,这是它的PHP应用实例,大部分功能与HTML格式网页类同,这里增加了一些需要PHp程序配合的内容,它不但有输入 提示功能,而且示例本身也是...
于工作中需要用到自动提示这个功能,呵呵,自己又是js小菜,于是百度了一下,找到一个用jquery与其插件autocomplete开发的.net版的自动完成功能,于是down下来了改成了php版的,并加了支持向上/向下选择文字等功能,...
jQuery AutoComplete是在jQuery的基础上开发的一套小巧的输入下拉提示插件,这是它的PHP应用实例,大部分功能与HTML格式网页类同,这里增加了一些需要PHp程序配合的内容,它不但有输入 提示功能,而且示例本身也是...
/应用程序/控制器/欢迎 / application / view / welcome_message /js/autocomplete.js /sql/cities.sql 图书馆 /js/jquery-1.12.3.min.js /js/bootstrap.min.js /js/autocomplete.js 它是如何工作的 当用户在...
PrimeUI使用JSON数据,并使用jQuery UI的WidgetFactory API提供Widget控件,作为jQuery插件。其代码开源,采用Apache许可证。 PrimeUI最终发布的控件列表包括: - InputText - InputTextarea - SelectOneMenu - ...
SelectPage是一个基于jQuery及使用Bootstrap环境开发的,下拉列表带... 功能特点: 基于jQuery、Bootstrap2、3开发 也可应用于无任何UI框架的原生HTML环境 输入框输入关键字快速查找(autocomplete) 结果列表分页展
+为页面的Form添加autocomplete="off"属性。 -参考http://www.cnblogs.com/sanshi/archive/2009/09/04/1560146.html#1635830 +添加对extjs3.0中所有语言的支持。 -ExtAspNet扩展的多语言包在js\languages\...
+为页面的Form添加autocomplete="off"属性。 -参考http://www.cnblogs.com/sanshi/archive/2009/09/04/1560146.html#1635830 +添加对extjs3.0中所有语言的支持。 -ExtAspNet扩展的多语言包在js\languages\...