使用Jquery的自动完成功能搜索Click

Question

我正在尝试模拟Youtube自动完成搜索体验.

当观众点击列出的项目并自动继续搜索所述项目时,我找不到该选项.

我的编码如下:

<script type="text/javascript">
  var data = ['array1','array2'];
  $(document).ready(function() {
    $j("input#directorySearch").autocomplete(data);
  });
</script>

上面的代码将允许用户点击列出的项目,但是,它将填充搜索框而不是自动搜索.

Answer 1

我想要类似的行为,使用jQueryui的默认自动完成小部件.诀窍是使用'select'事件,但是从select-handler提交将不会给出所需的结果,因为输入还没有填写选择.

以下代码适用于我:

$("input#searchbox").autocomplete({
  source: autocomplete,
  select: function(event, ui) { 
    $("input#searchbox").val(ui.item.value);
    $("#searchform").submit();
  }
})

(在上面的例子中,'autocomplete'是一个指向完成源的url)

输入#searchbox是实际输入条目,#searchform是其父表单.基本上,您需要在提交之前填写输入.