jquery click событие с автозаполнением - PullRequest
0 голосов
/ 26 января 2012

Я пытаюсь прикрепить простое событие клика с автозаполнением jquery.Это код, который я использую:

$("#term").autocomplete({

  source: function( request, response ) {
    $.ajax({
      url: 'http://query.yahooapis.com/v1/public/yql',
      dataType: 'JSONP',
      data: {
        format: 'json',
        q: 'select * from xml where url="http://google.com/complete/search?output=toolbar&q=' + escape(request.term) + '"'
      },
      success: function(data) {
        response($.map(data.query.results.toplevel.CompleteSuggestion, function(item) {
          return { label: item.suggestion.data, value: item.suggestion.data };
        }));
      }
    });
  }
}); 

Я хотел бы иметь возможность щелкнуть элемент списка, который затем вызовет другой запрос (например, заполнить другой список). Я хочу сделать это с событием jquery click,пока ничего хорошего, смотри это ССЫЛКА

1 Ответ

3 голосов
/ 26 января 2012

Вы можете использовать выбрать событие при автозаполнении.

$("#term").autocomplete({
     select:function(event, ui){
          // do your things here
      },

  source: function( request, response ) {
    $.ajax({
      url: 'http://query.yahooapis.com/v1/public/yql',
      dataType: 'JSONP',
               data: {
        format: 'json',
        q: 'select * from xml where url="http://google.com/complete/search?output=toolbar&q=' + escape(request.term) + '"'
      },
      success: function(data) {
        response($.map(data.query.results.toplevel.CompleteSuggestion, function(item) {
          return { label: item.suggestion.data, value: item.suggestion.data };
        }));
      }
    });
  }
}); 

Или вы можете сделать это по-своему

$(".ui-menu-item a").on('click',function() {

См. Его работу здесь

...