How can I pass a JSON array to jquery autocomplete

Question

I have this Json data that i would want to pass to JQuery.ui autocomplete

   <input type="text" id="symptom_checker" name="search_symptom" />

JSON encoded data

 var symptoms = [{"symptom_name":"Overall sensation of feeling unwell"},{"symptom_name":"cough"},{"symptom_name":"cough with blood mucus"}];

if i pass it to this function

    $("#symptom_checker").autocomplete({
       source: symptoms
     });

when enter the symptom name it doesn't work, but if i try to use this json data

   var symptoms = ["Overall sensation of feeling unwell", "cough", "cough with blood mucus"];

JQUERY

      $("#symptom_checker").autocomplete({
       source: symptoms
     });

It works fine. How do I solve this ?

Documentation of autocomplete say it should not be a multidimensional array. You should map your json to not multidimensional but you can search in google by 'jquery autocomplete multidimensional array' — rad11
– rad11, Commented Nov 30, 2016 at 19:17

Subir Kumar Sao · Accepted Answer · 2016-11-30 19:21:14Z

0

As per the documentation it supports two array formats.

Array of Strings
Array of objects with attributes label and value ex: [{label:'' , value:''}]. You can also have only value as attribute.

You have to convert your array into any of these format.

answered Nov 30, 2016 at 19:21

Subir Kumar Sao

8,4393 gold badges28 silver badges51 bronze badges

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

1 Answer 1