I try to create an autoplete field with jQuery autoplete widget, but it seems that does not work for some reason.

The code I use is the following:

HTML

<input type="text" id="specialties" />

JavaScript

var $specialties = [
    {
        id : 107,
        name : 'Painting'
    },
    {
        id : 158,
        name : 'Reading'
    }
];

var $specialty_text_field   =   $('#specialties');

$specialty_text_field.autoplete(
    {
        source    : $specialties,
        minLength : 3
    }
);

And when I enter in the text field the text Pain I am getting as a result the text No search results.

What can be wrong with this code ?

I try to create an autoplete field with jQuery autoplete widget, but it seems that does not work for some reason.

The code I use is the following:

HTML

<input type="text" id="specialties" />

JavaScript

var $specialties = [
    {
        id : 107,
        name : 'Painting'
    },
    {
        id : 158,
        name : 'Reading'
    }
];

var $specialty_text_field   =   $('#specialties');

$specialty_text_field.autoplete(
    {
        source    : $specialties,
        minLength : 3
    }
);

And when I enter in the text field the text Pain I am getting as a result the text No search results.

What can be wrong with this code ?

• javascript
• jquery
• autoplete

• 1 any console errors??? – Kartikeya Khosla Commented Jul 26, 2014 at 11:07
• @KartikeyaKhosla no at all. My console is totally clear. – KodeFor.Me Commented Jul 26, 2014 at 11:09
• @NaveenThally This is what I try but I get a console error that I cannot figure out. Here is the fiddle URL (jsfiddle/ZQ9T3). If somebody can help to fix the issue please? – KodeFor.Me Commented Jul 26, 2014 at 11:11
• You have both #autoplete and #specialties, which should be? – Sergio Commented Jul 26, 2014 at 11:12
• your souce needs to ba an array cosisting of Strings. you are giving an array consisting of objects... – Pinoniq Commented Jul 26, 2014 at 11:12

1 Answer 1

As it is clearly stated in the docs, your fields must be labeled label and value.

Array: An array can be used for local data. There are two supported formats:

An array of strings: [ "Choice1", "Choice2" ]
An array of objects with label and value properties: [ { label: "Choice1", value: "value1" }, ... ]

EDIT : And as it has been pointed out, the input's id is autoplete, not specialties.