jQuery的自动完成插件 Autocomplete

openkk 12年前
     <p>这是一个在文本输入框中实现自动完成的jQuery插件。<span style="color:#ff0000;"><strong>本站<a href="http://www.open-open.com/bbs/" target="_blank">论坛</a>的标签输入就采用了该插件。</strong></span></p>    <p>使用代码示例:</p>    <pre class="brush:javascript; toolbar: true; auto-links: false;">$("#f_prj_name").autocomplete("/list_projects_of_prefix", {     minChars: 1,     width: 310,     matchContains: true,     autoFill: false,     formatItem: function(data, i, n, v) {         return i + ":" + v;                 },     formatResult: function(data,v) {         return v;     } });</pre>    <p>而服务器返回的数据很简单,返回的文本每一行放一个匹配的结果即可。</p>    <p>运行后界面如下图所示:</p>    <p><img alt="jQuery的自动完成插件 Autocomplete" src="https://simg.open-open.com/show/266e4b1a5a1aea0bcb6b1632c515e964.png" width="208" height="214" /> <img alt="jQuery的自动完成插件 Autocomplete" src="https://simg.open-open.com/show/ac55f338e3335f6e3024e63e174dab92.png" width="326" height="237" /></p>    <p><strong>项目主页:</strong><a href="http://www.open-open.com/lib/view/home/1324173372312" target="_blank">http://www.open-open.com/lib/view/home/1324173372312</a></p>