CODEWITHSUNDEEP
jqueryjquery-uijquery-ui-autocomplete
jgauffin
jgauffin

Reputation: 101140

Autocomplete and ajax

I load a string array using $.getJSON to use it as values in a jquery ui autocomplete. I can't get it to work.

Code (the success function is being called properly and I see the alert):

$(function () {
    $.getJSON(baseUri + 'truck/models/', {}, function (data) {
        $("#ModelName").autocomplete({ 
                source: function( request, response ) {
                    alert(data);
                    response(data);
        }
        });
    });
});

Content returned by the server:

["KIRUNA K350","MAFI","SISU TR180","SISU TRX242","SVETRUCK 32T","VOLVO A25D","VOLVO A25E","VOLVO A40","VOLVO BMl120","VOLVO BML90"]

Error that I get when I type in the input box:

Uncaught TypeError: Cannot read property 'element' of undefined

Upvotes: 1

Views: 1319

Answers (3)

jgauffin
jgauffin

Reputation: 101140

I had another plugin which defined menu in the jQuery context. I removed that plugin and everything works fine know. Kind of nasty, huh?

Upvotes: 0

PetersenDidIt
PetersenDidIt

Reputation: 25620

It looks like you are just doing the ajax fetch for the autocomplete options on page load so no need to use a function for the source you can just do:

$(function () {
    $.getJSON(baseUri + 'truck/models/', {}, function (data) {
        $("#ModelName").autocomplete({ 
                source: data
        });
    });
});

Upvotes: 1

John
John

Reputation: 1319

You must ensure you set the object value

Thus

({source: data});

see fiddle for example: http://jsfiddle.net/dDCEW/

Upvotes: 0

Related Questions