JQuery自动完成:提交表单选择?

前端之家收集整理的这篇文章主要介绍了JQuery自动完成:提交表单选择?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在传统HTML表单上使用JQuery Autocomplete。

尝试在选择时提交表单(老式的方式)。

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

我试过几个SO的例子,但我不能让他们工作。

如何在选择时自动提交表单?

解决方法

更新:我终于想出这一个,下面的代码应该做的伎俩。由于某些原因,更改回调不工作,但是close&选择回调。使用select更好,因为如果字段失去焦点也将调用close。
$(function() {
    $("#searchField").autocomplete({
        source: "values.json",select: function(event,ui) { 
            $("#searchForm").submit(); }
    });
});

另一个更新:确定,选择回调也是一个问题,这是默认情况下(在上面的代码)如果你遍历自动完成下拉与键盘,并选择与输入键,输入在表单之前更改提交。但是,如果您使用鼠标选择它,则表单会在输入更改之前提交,因此提交的值仅是用户输入的值(而不是她从自动填充下拉列表中选择的值)。似乎工作的woraround是:

$("#searchField").autocomplete({
    source: "values.json",minLength: 2,ui) { 
        $("#searchField").val(ui.item.label);
        $("#searchForm").submit(); }
});
原文链接:https://www.f2er.com/jquery/183992.html

猜你在找的jQuery相关文章