搜索自动提示功能的实现

主文件HTML：

<div>
       <div>

      Type your county (for the demo):
<input size="30" id="inputString" onkeyup="lookup(this.value);" type="text" />

    </div>      <div class="suggestionsBox" id="suggestions" style="display: none;">

      <img src="upArrow.png" style="position: relative; top: -12px; left: 30px" alt="upArrow" />

      <div class="suggestionList" id="autoSuggestionsList">

</div>

    </div>

</div>

这是主文件的部分html代码，你需要添加的就是一个输入框，并且把 ‘onkeyup’ 函数设置为lookup(this.value)。另外，我建议你不要修改它的ID，如果你不想修改上面的Javascript代码的话。

截图：

我想你应该会想要看看最后的效果是什么样子，OK。

还有，

最后就是有用的链接了，我想你应该期待很久了。

演示： Auto Complete Demo
源文件：AutoComplete Source ZIP

输入您的搜索字词 提交搜索表单