jquery click event with autocomplete

Question

Im trying to attach a simple click event with jquery autocomplete. This is the code Im using:

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

I would like to be able to click the list item which will then trigger another request (ea populated another list) I want to do this with the jquery click event, so far no good, see this LINK

I had a similar problem. posted the answer [here][1] [1]: stackoverflow.com/questions/8158246/… — David Lance
– David Lance, Commented Aug 31, 2012 at 18:46

Jayantha Lal Sirisena · Accepted Answer · 2012-01-26 16:28:33Z

4

You can use select event in autocomplete.

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

Or else you can do like this in your way

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

See its working here

edited Jan 26, 2012 at 16:28

answered Jan 26, 2012 at 12:37

Jayantha Lal Sirisena

21.4k11 gold badges74 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Youss Over a year ago

I think I have to get the value of list item, I will look in to it and when it works I will accept answer

Jayantha Lal Sirisena Over a year ago

See I have edited now. I had done a mistake too. Try now with my new code .

Collectives™ on Stack Overflow

jquery click event with autocomplete

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related