Search jQuery

jQuery Forum

jQuery UI Autocomplete help

in Using jQuery UI • 12 years ago

Hi guys:
I'm trying to use Autocomplete feature in one of my sites but I'm having a problem because the autocomplete is never showed. I have a PHP function that returns a JSON in this way:

[
 {
      "product_id":"43",
      "name":"MacBook",
      "href":"http:\/\/localhost\/libcommerce\/index.php?route=product\/product&product_id=43"
 },
 {
      "product_id":"44",
      "name":"MacBook Air",
      "href":"http:\/\/localhost\/libcommerce\/index.php?route=product\/product&product_id=44"
 }
]

Is that correct or I need to return in another way? Any tip? Why isn't popup?

Cheers and thanks in advance

Replies(4)

precisonl..

Re: jQuery UI Autocomplete help

12 years ago

Try returning your JSON like this:

[
      {"label":"MacBook","value":"43"},
      {"label":"MacBook Air","value":"44"}
]

The value can be anything you need to resolve the selection, whether an identifier or a URL or ... whatever,

mike_laird

Re: jQuery UI Autocomplete help

12 years ago

Label: is the item that will show in the drop down box. Value: is the value that will be set for the input box when the user selects the label. They can be the same or different. Additional 'tags' (or whatever they're called) can be used for other purposes (like functions), but label and value must be used.

reynierpm