Ввод автозаполнения jquery - остановить обновление

Я только начал использовать jquery (и плагин автозаполнения), и все работает нормально

Вот мой сценарий. У меня есть элемент span, который я обновляю, когда пользователь выбирает одно из значений списка из автозаполнения, и одновременно обновляет элемент ввода. Я не хочу, чтобы элемент ввода автозаполнения обновлялся - я хочу сохранить его с тем, что пользователь ввел в него.

заранее спасибо

С уважением

пви


person pvee    schedule 04.01.2011    source источник
comment
Это зависит от того, какой плагин автозаполнения вы используете (их несколько). Вы используете тот, который поставляется с jquery-ui? Или какой-то другой. Пожалуйста, добавьте ссылку на их документацию или на сайт, с которого вы скачали плагин.   -  person ehudokai    schedule 04.01.2011


Ответы (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/

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

person Andrew Whitaker    schedule 04.01.2011
comment
спасибо, ребята!! .. это автозаполнение jQueryUI... (моя ошибка, я не упомянул, какой плагин я использую, упомянул, что я только что начал jquery и веб-программирование) - person pvee; 05.01.2011