Как получить выбранное значение из элемента управления автозаполнения jQuery

Question

Мой код:

<script type="text/javascript">
    var ab;
$(function() {
        $.getJSON('jsonSample.action',null,function(json) {
            ab = json.languageList;
            $("#tags").autocomplete({
                  data:ab
              });
              });
    });
    </script>

Этот код работает нормально, когда я начинаю вводить текст в поле, где я это реализовал, отображает все предложения, теперь проблема в Я хочу вызвать другойсобытие , как только одно значение выбрано из списка предложений ... А также еще один вопрос Как получить выбранное значение , как только пользователь выберет из списка автозаполнения ..

Я сослался на учебник, который находится в stackoverflow здесь

 $(".tags").change(function(me) {
        alert(this.valu);
    });

Этот код отображает значение, которое я набрал в текстовом поле, он не отображает, какой элемент я выбираю в автозаполнении ..

Я использовал другой метод;

$(".tags").result(function(event, data, formatted) {
        var u = this;
        // Check value here

    });

Когда я проверяю его с помощью firebug, он говорит, что метод не найден .... Я хочу показать элемент, выбранный из автоматически заполненного списка, а также должен вызвать другойсобытие после того, как я выбрал предмет ...

Заранее спасибо ..

Answer 1

Я думаю, что вы должны использовать событие "select" и получить доступ к ui.item.label для выбранного значения:

$("#tags").autocomplete({
    select: function(evt, ui) {
        alert("Selected: " + ui.item.label);
    }
});

Привет.

Answer 2

Во-первых, похоже, вы смешиваете селектор идентификатора #tags с селектором класса .tags.

Вам необходимо последовательно обращаться к объекту (все должно быть #tags).Это должно решить вашу проблему.

Также рассмотрите возможность использования метода jQuery .live() для объектов, которые появляются в списке предложений, чтобы назначить им обработчик кликов.