查找jQuery自动完成插件

Question

I went through many autocomplete plugins, but have not found the right one.

My JSON response looks like:

[
{ mode: 'link', url : 'http://aaa.com', name: 'AAA', img: 'http://aa.com/a.gif' },
{ mode: 'link', url : 'http://bbb.com', name: 'BBB', img: 'http://aa.com/b.gif' },
{ mode: 'link', url : 'http://ccc.com', name: 'CCC', img: 'http://aa.com/c.gif' },
]

What I need:

• Not jQueryUI :)
• Can selecte only one option (don't need Facebook -style autocomplete)
• I need event onSelect fired from drop-down-list to change page's location to json's url property.
• I need to format drop-down-list , based on own json data. For example, I need to draw images and so on... ( img property from json )

Anybody knows a jQuery plugin, that fits these requirements?

PS jQuery TokenInput http://loopj.com/jquery-tokeninput/ is very good, but I don't need that many options.

Answer 1

I guess EasyAutocomplete is a plugin for you. It matches all of yours requirements, plus it can a lot more. It's well documented in the guide section and it has prepared couple of examples, that shows how it works.

Answer 2

您可以尝试此http://jqueryui.com/demos/autocomplete/#remote-jsonp