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

Question

我刚开始使用jquery（和自动完成插件），所有工作正常

继承我的情景 我有一个span元素，当用户从自动完成中选择一个列表值时它会更新，并且它会同时更新输入元素。我不希望更新自动完成输入元素 - 我想保留用户输入的内容。

提前致谢

问候

PVEE

Answer 1

假设您正在使用jQueryUI自动填充功能（将来，请链接到您正在使用的插件），您可以使用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/

希望有所帮助。