使用Javascript创建动态搜索框自动完成和自动提交

编辑**我只是想了解如何在创建动态搜索框时最好地实现这一点的概述或大图

我想用Javascript创建一个动态搜索框。 搜索框将以用户类型自动完成功能显示建议，一旦用户选择建议，它将自动提交到更改功能？的结果页？。 这就像谷歌搜索框。 最好的方法是什么？ 目前我正在使用HTMLDataList、onchange函数，并以某种方式将事件处理程序链接到新的结果页

---

谢谢。

将JQuery与AutoSuggest插件一起使用

包含JS库请参见上面的文档，然后在HTML中执行此操作：

<input type="text" class="autocomplete" name="n1" />
<input type="text" class="autocomplete" name="n2" />
<input type="text" class="autocomplete" name="n3" />
<input type="text" class="autocomplete" name="n4" />

---

欢迎来到堆栈溢出！您似乎在要求某人为您编写一些代码。堆栈溢出是一个问答网站，而不是代码编写服务。请学习如何写有效的问题。我认为你可能需要做一些研究，因为你没有具体的编码问题。也许谷歌：创建一个动态搜索boxHi伙计们其实我在寻找大局，如何最好地实现这一点。我将处理细节和代码本身：

var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ");
$(".autocomplete").autocomplete(data);