jquery autocomplete results

Question

I have a webservice

[Serializable]
    public class DataObject
    {
        public int ID { get; set; }
        public string Description { get; set; }
    }


    [WebMethod]
    public DataObject[] GetCities(string q, int limit)
    {
        // A collection to hold our results
        List<DataObject> customers = new List<DataObject>();

        // Our source of names, could be a DB query
        string[] db = new string[]{"aaa","bbb","ccc","ddd","ddsads","asdsad","asdsad","dsfsfd"};

        // Looping through the datasource to select the items that match
        int i=0;
        foreach(string cust in db)
        {

            if(cust.ToLower().StartsWith(q.ToLower()))
            {
                i++;
                customers.Add(new DataObject { Description = cust, ID = i });
            }
        }

        // Return the items that contained the text in alphabetical order
        return customers.ToArray();

    }

Javascript:

// and in my javascript I use jquery autocomplete like this 
$("#txtCity").autocomplete("Autocomplete.asmx/GetCities", { dataType: "xml", datakey: "Description", max: 5 });

the question is: how can I get in javascript the ID of the item selected in the autocomplete? I want to pass it to another function.

djdd87 · Accepted Answer · 2009-11-04 13:51:42Z

2

You need to add a results handler:

$("#txtCity").autocomplete("<Your existing stuff here>").result(
         function(event, item, formatted)
         {
            // Use the item property
         }
      );

edited Nov 4, 2009 at 13:51

answered Nov 3, 2009 at 12:07

djdd87

68.6k29 gold badges159 silver badges198 bronze badges

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

3 Comments

haddar Over a year ago

which js do I need to make it work ? cause I get error "object doesnt support .... " 10X

djdd87 Over a year ago

You need jquery.autocomplete.js and jquery.js.

haddar Over a year ago

no still the same error ... but I tried to use : formatItem: function(data, i, max) { debugger; return data.Desc ; }, formatResult: function(data, data2) { //debugger; //alert(data) } and it works, but the data allwaya contains only the "Description" and not the "ID" ,could it be cause I'm calling autocomplete only with datakey: "Description" ?

Community · Accepted Answer · 2017-05-23 11:48:39Z

0

i found what i needed in

Formatting data for jQuery Autocomplete results

10X

and the event is "result" not "results" .... 10X man !!

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Nov 4, 2009 at 13:49

haddar

25.7k3 gold badges23 silver badges13 bronze badges

Collectives™ on Stack Overflow

jquery autocomplete results

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related