jquery 自动完成输入 - 停止更新

Question

我刚刚开始使用 jquery(和自动完成插件)并且一切正常

这是我的场景我有一个 span 元素，当用户从自动完成中选择列表值之一时，我会更新该元素，并同时更新输入元素。我不希望更新自动完成输入元素 - 我想将其与用户输入的内容保留在一起。

提前致谢

问候

pvee

Answer 1

假设您正在使用 jQueryUI Autocomplete(将来，请链接到您正在使用的插件)，您可以点击 select 事件并使用 event.preventDefault 取消插件的默认行为(即替换输入文本)，并执行一些其他操作:

$("input").autocomplete({
    select: function(event, ui) {
        event.preventDefault(); // cancel the default behavior of selecting an option
        $("#update-me").text(ui.item.label); // update the span with the selected option's label.
    }
});

示例:http://jsfiddle.net/5jWkL/

希望有帮助。