Jquery Autocomplete unable to read Array of Objects

Question

I am trying to use a JSON output from the server as the source for my autocomplete function. I read the Autocomplete documentation and it does say that Array of Objects is accepted as a source type. Can someone please let me know where am I going wrong with this?

            jq( document ).ready(function() {
            jq("body").css({overflow:'hidden'});

            jq.getJSON("<?php echo Mage::getBaseUrl() . "setsession/index/getarea"; ?>",
             function(data) {

                jq( "#autocomplete-1" ).autocomplete({
                source: data,
                select: function(event, ui) {
                    alert(ui.item.area_id);
                    jq("#splash_area").val(ui.item.area_id);
                    return false;
                }
                });
            }
            );              
            });

This is what I am getting back from the server (JSON encoded):

[{"area_id":"1","area_name":"DLF Phase 1"},{"area_id":"2","area_name":"DLF Phase 2"}]

thats right. The autocomplete is not showing the dropdown. When I supply a single dimesional array then it works perfectly. — coderatlarge
– coderatlarge, Commented May 19, 2016 at 3:42

user3502998 · Accepted Answer · 2016-05-19 03:41:26Z

1

From the documentation it states an An array of objects with label and value properties: [ { label: "Choice1", value: "value1" }, ... ].

http://api.jqueryui.com/autocomplete/#option-source

Your objects are not defined this way. So for your example something like

[{value:"1",label:"DLF Phase 1"},{value:"2",label:"DLF Phase 2"}]

answered May 19, 2016 at 3:41

user3502998

513 bronze badges

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

1 Comment

coderatlarge Over a year ago

Worked. I never suspected them to take away the independence of naming the data type!

Collectives™ on Stack Overflow

Jquery Autocomplete unable to read Array of Objects

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related