具有自动完成功能的 jquery 点击事件

Question

我正在尝试使用 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 };
        }));
      }
    });
  }
}); 

我希望能够单击列表项，然后触发另一个请求（ea 填充另一个列表）我想使用 jquery click 事件来执行此操作，到目前为止还不好，请参阅此 链接

Answer 1

您可以在自动完成中使用 select 事件。

$("#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() {

查看它的工作这里