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

Question

编辑**我只是在创建动态搜索框时，我只是在寻找关于如何最好地解决这个问题的概述或大图。

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

谢谢。

Answer 1

将JQuery与AutoSuggest插件一起使用。

http://docs.jquery.com/Plugins/autocomplete

包含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" />

然后在Javascript中为CSS-class添加一个自动完成：

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