自动完成悬停删除自动填充

时间:2011-04-12 08:40:59

标签: javascript jquery jquery-ui jquery-ui-autocomplete

我正试图稍微改变自动完成的行为。我在这里有一个模拟http://jsfiddle.net/ekzMN/6/,它产生了所需的结果(一个la chrome地址栏) - 如下图所示(目前区分大小写)。

enter image description here

我遇到的问题是当自动填充列表显示并且我将鼠标悬停在列表中的项目上时,输入值将更改回输入的术语,而不是使用自动填充保留在调整后的术语上。即在上图中,它将从 Hackn [ey,Eastern Cape,South Africa] 变为 Hackn

我想这是一个默认的自动完成行为,我需要覆盖但我无法解决它。我已经尝试了focus: falseblur: false,但无济于事。

感谢。

1 个答案:

答案 0 :(得分:1)

这是你想要实现的 - 输入文本会根据悬停项目而改变吗? http://jsfiddle.net/ekzMN/8/只需覆盖焦点事件:

focus: function(event, ui){
        $("#location").val(ui.item.label);
        return false;
    },

如果希望文本始终设置为第一个索引,并且只要将鼠标悬停在列表上,则不会更改,可以将其设置为结果列表的第一个索引。