如何使用jQuery UI自动完成插件进行搜索？

我正在尝试使用jQueryUIAutoComplete插件创建一个类似于Google的站点搜索

当有人搜索时，自动完成辅助搜索。该部分是我网站上的工作图像：

问题是，如果单击下拉选择，在我选择的图像示例中：搜索引擎优化，但单击所做的只是将文本放入搜索框，然后必须按enter键。我需要帮助获取选择以执行搜索

请注意，我的Javascript技能是初学者，我花了三天时间才达到这一水平。如果你认为你可以帮助我，请告诉我确切的位置和我需要修改什么

提前谢谢

$(function() {
var availableTags = [
  "SEO",
  "Responsive Design",
  "Google Local",
  "Twitter",
  "Social Media",
  "Web Design",

];
$( ".search_box" ).autocomplete({
  source: availableTags
});

})

看看api：

您有权访问select事件

---

我试着采纳你的建议，但不行，否则我就做错了。[link]'$function{var availableTags=[SEO，响应式设计，谷歌本地，推特，社交媒体，网页设计，]；$.search_box.autocomplete{source:availableTags，select:function事件，ui{console.logui；var searchTerm=ui.item；}；}；'你需要触发你的表单或搜索功能。我不知道怎么做？试试我的编辑。别忘了删除console.log，它会破坏IE。这也不起作用。我不会再浪费你的时间了。谢谢你的时间和耐心。

$( ".search_box" ).autocomplete({
  source: availableTags,
  select: function( event, ui ) {
    console.log(ui); // you can see output of this in your dev console

    var searchTerm = ui.item; // pretty sure item will give you what you want

    // you can then trigger your button click or form submit (whatever you're doing)
    // passing along the searchTerm

   $('.top_bar_search').find('form').submit();
  }
});