Parse A JSON javascript , Autocomplete

Question

I have few lines of code, but is not working, I can't understand why. Please, if someone tell me where i am wrong

var data = {
    "sugestii":[{
        "nume":"Hunedoara (tot jude&#355;ul)",
        "id":"123220",
        "tip":2
    },{
        "nume":"Hunedoara (din jude&#355;ul Hunedoara)",
        "id":"126958",
        "tip":1
    },{
        "nume":"Hunia (din jude&#355;ul Dolj)",
        "id":"101566",
        "tip":1
    },{
        "nume":"Hunedoara Timisana (din jude&#355;ul Arad)",
        "id":"14257",
        "tip":1
    }]
}
  // setup autocomplete function pulling from data [] array
  $('#autocomplete').autocomplete({
    lookup: data,
    onSelect: function (suggestion) {
      var thehtml = '<strong>data  Name:</strong> ' + suggestion.nume + ' <br> <strong>Symbol:</strong> ' + suggestion.id;
      $('#outputcontent').html(thehtml);
    }
  });

Are you using jquery ui? Please provide more details about the question. — vivek, Sep 24 '15 at 08:26
May be this link can show you some direction: [http://stackoverflow.com/questions/11435433/jquery-ui-autocomplete-with-json](http://stackoverflow.com/questions/11435433/jquery-ui-autocomplete-with-json) — vivek, Sep 24 '15 at 09:49

score 0 · Answer 1 · answered Sep 24 '15 at 08:30

0

Believe, there is no option as lookup in autocomplete, try replacing lookup with source. Read here http://api.jqueryui.com/autocomplete/

answered Sep 24 '15 at 08:30

Saurabh Tiwari

4,632
9
42
82

That is true, i think it was available in older versions. The following example: http://designshack.net/tutorialexamples/html5-autocomplete-suggestions/ Is using `V1.9.1`. If you look at the source it uses `lookup` and works. However the docs for `v1.9` say `source` not `lookup`. The OP's fiddle is using `v1.10.3` i believe. So probably been looking at old examples. – ste2425 Sep 24 '15 at 08:38
[designshack.net/tutorialexamples/html5-autocomplete-suggestions](http://designshack.net/tutorialexamples/html5-autocomplete-suggestions/) this link uses lookup with an array attribute. However OP's trying to pass data which is an array. Probably lookup takes array and not an object. – Saurabh Tiwari Sep 24 '15 at 09:32

score 0 · Answer 2 · answered Sep 24 '15 at 08:59

You can use in success method of autocomplete like this, hope so its help you out...

success: function (data) {
    response($.map(data, function (item) {
           return {
                     label: item.name,
                     value: item.id
                  };
    }));
}

Parse A JSON javascript , Autocomplete

2 Answers2