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点击事件做这个，到目前为止没有好处，请看LINK < / p>

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() {

查看其工作here

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

1 个答案: