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/

Надеюсь, это поможет.