jquery用户界面自动完成,选择后的值(用鼠标)与(用箭头键)不同

也可以将其添加到Select中

select: function( event, ui ) {
    $('#input').val(ui.item.value);
}

我也有类似的问题。

使用键盘时,文本框中的焦点将丢失,但单击时,焦点将返回文本框。

可能是在输入字段的焦点上发生了什么事情,而这正被重新触发?

你可以这样做:

$('#input').autocomplete({
   source: items,
   focus: function(event, ui) { var text = ui.item.value; 
   $('#input').val(text); 
   return false; 
   }
});

用鼠标悬停项目,将用当前值填充文本框,单击该值后,该值将显示在文本框上。

解决方法是通过autocomplete focus回调内部的preventDefault()停止事件

我无法用完美的方式解决它,所以我设法隐藏了上的搜索输入字段 select 并显示另一个自定义 div 单击时隐藏的焦点传递给 jQuery UI 搜索 input 再次提交。