JQuery 自动完成 : Submit Form on selection?

Question

在传统 HTML 表单上使用 JQuery 自动完成功能。

做出选择后尝试提交表单(老式方式)。

但是输入框被填写完毕，然后我必须第二次按“返回”，或者单击提交按钮。

我尝试了一些示例，但无法让它们工作。

选择后如何自动提交表单？

Answer 1

更新:我终于弄清楚了这一点，下面的代码应该可以解决问题。由于某种原因，change 回调不起作用，但 close 和 select 回调起作用。使用 select 更好，因为如果字段失去焦点，也会调用 close。

$(function() {
    $("#searchField").autocomplete({
        source: "values.json",
        select: function(event, ui) { 
            $("#searchForm").submit(); }
    });
});

另一个更新:好吧，select回调也有一个问题，默认情况下(在上面的代码中)如果您使用以下命令遍历自动完成下拉列表键盘，并使用回车键进行选择，在提交表单之前输入会发生更改。但是，如果您用鼠标选择它，则表单会在输入更改之前提交，因此提交的值正是用户键入的值(而不是她从自动完成下拉列表中选择的值)。似乎有效的解决方法是:

$("#searchField").autocomplete({
    source: "values.json",
    minLength: 2,
    select: function(event, ui) { 
        $("#searchField").val(ui.item.label);
        $("#searchForm").submit(); }
});