<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="JS实现简单的Autocomplete自动完成例子" id="card1">
<p> 游客</p><p>
标题:JS实现简单的Autocomplete自动完成例子<br/>
正文:<br/>
分享一篇无意间发现的自动完成源码。这里测试的时候使用的是数组，实际使用的时候，我们换成Ajax从服务器端获取的方式就OK了。<br/><br/>提示：可以直接保存到一个html文件中查看效果。代码如下:&amp;lt;!doctype html&amp;gt;<br/>&amp;lt;html&amp;gt;<br/>&amp;lt;style&amp;gt;<br/>body {<br/>    margin-left: 0px;<br/>    margin-top: 0px;<br/>    margin-right: 0px;<br/>    margin-bottom: 0px;<br/>}<br/>.auto_hidden {<br/>    width:204px;border-top: 1px solid #333;<br/>    border-bottom: 1px solid #333;<br/>    border-left: 1px solid #333;<br/>    border-right: 1px solid #333;<br/>    position:absolute;<br/>    display:none;<br/>}<br/>.auto_show {<br/>    width:204px;<br/>    border-top: 1px solid #333;<br/>    border-bottom: 1px solid #333;<br/>    border-left: 1px solid #333;<br/>    border-right: 1px solid #333;<br/>    position:absolute;<br/>    z-ind<br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1478&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1478&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1478&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1478&amp;Page=3">[3]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1478&amp;Page=13">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=1478">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=1478">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>