jQuery的自动完成插件 Autocomplete
openkk
13年前
<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>