jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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(); }
});

大佬总结

以上是大佬教程为你收集整理的JQuery自动完成:提交表单选择?全部内容,希望文章能够帮你解决JQuery自动完成:提交表单选择?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。