如何从函数外部调用自动完成选择事件

Question

我有一个使用 jQuery UI 自动完成功能的位置搜索表单。

当用户开始在输入中键入内容时，我们的位置列表将显示为输入下方的下拉菜单。如果用户单击其中一个位置，页面将重定向到该位置的登录页面。用户还可以单击键盘上的“输入”，而不是明确单击该项目。

这是问题。如果用户单击“提交”按钮，我不知道如何让自动完成功能发挥作用。我不允许简单地删除提交按钮，因为它是“号召性用语”。标记和代码如下所示：（我是凭记忆写的，所以可能不准确）

<form id="locationSearch">
    <input type="text" id="enterLocation" />
    <input id="goButton "type="submit" value="GO" />
</form>


<script>

    var locations = [<br />
        {'value': 'Brooklyn', 'url': '/ny/brooklyn/browse'}
        { 'value' : 'Hoboken; , 'url' : /nj/hoboken/browse'}
    ];

    $('#enterLocation').autocomplete({
        autoFocus: true,
        source: 'locations',
        select: event, ui (function() {
            window.location.url
       });
    });

</script>

我需要做的是这样的：

$('#goButton').click(function() {
    // trigger automcomplete select
});

非常感谢任何建议！

Answer 1

尝试使用

$('#enterLocation').trigger("autocompleteselect", function(){});