Question

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

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

以下是问题。如果用户点击“提交”按钮，我无法弄清楚如何让自动完成功能正常工作。我不允许简单地删除提交按钮，因为它是“号召性用语”。标记＆amp;代码看起来像这样:(我是从内存写的，所以可能不准确）

<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(){});

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

1 个答案: