我一直在试图弄清楚当人们从自动完成选项中选择结果时如何提交表单。它需要通过鼠标单击或输入按钮来工作。我看到了一些例子，但总是零散的。没有人展示整个功能。
我在下面有这段代码，但我收到错误消息说结果不是函数。我不知道如何结合它来做我想做的事。任何帮助表示赞赏。
jQuery(document).ready(function(){
jQuery("#vsearch").autocomplete("ajax/search.php",
{
minLength: 2
}
);
jQuery("#vsearch").result(function(event, data, formatted) {
jQuery('#vsearch').value( formatted );
jQuery('#search').submit();
});
});
【问题讨论】：
标签： javascript jquery jquery-ui
发件人：http://api.jqueryui.com/autocomplete/#event-select
选择 - 类型：自动完成选择
选择项目时触发 从菜单中； ui.item 指的是 选定的项目。的默认动作 选择是替换文本字段的 与所选值的值 物品。取消此事件可防止 值被更新，但确实 不阻止菜单关闭。
代码示例
提供一个回调函数来处理 选择事件作为初始化选项。
$( ".selector" ).autocomplete({ select: function(event, ui) { ... } });按类型绑定到选择事件： 自动完成选择。
$( ".selector" ).bind( "autocompleteselect", function(event, ui) { ... });
所以你会使用：
编辑：（修改以防用户不选择任何内容）
$("#vsearch").autocomplete({
source: "ajax/search.php",
minLength: 2,
select: function(event, ui) {
if(ui.item){
$('#vsearch').val(ui.item.value);
}
$('#search').submit();
}
});
如果我确定你想要做什么。
【讨论】：
$('#vsearch').value(ui.item.value); 替换为 $('#vsearch').val(ui.item.value); :-)
实际上，您不需要通过 ID 来定位 for 元素和表单...因为该信息已经通过 Event 对象传递给 select 函数。最好以这种方式获取表单，因为您可能在要应用自动完成功能的页面上有多个表单。或者您可能希望在多个元素上自动完成。
另外，另一个答案中的语法是错误的。 JQuery 使用 .val() 而不是 .value() 来设置输入的值。
这是一个更正的示例：
$("#vsearch").autocomplete({
source: "ajax/search.php",
minLength: 2,
select: function(event, ui) {
//assign value back to the form element
if(ui.item){
$(event.target).val(ui.item.value);
}
//submit the form
$(event.target.form).submit();
}
});
【讨论】：