Как отобразить Json Data в пользовательском интерфейсе автозаполнения JQuery?

Я использую jQuery autocomplete ui, и я получаю данные в формате json, как это

[{"organization_name":"health info"},{"organization_name":"Canada health"},{"organization_name": "org 1"}] 

Вот мой код jquery, который не отображает данные json правильно

  $('input[name=profileOrg]').autocomplete({ source:'CHI_custom/customScripts/getorgname.php', dataType: 'json', minLength:2 }); 

может ли кто-нибудь помочь в том, как отображать данные ниже автоматического завершения textboX?

Related of "Как отобразить Json Data в пользовательском интерфейсе автозаполнения JQuery?"

Вам нужно изменить способ отображения автозаполнения

 $('input[name=profileOrg]').autocomplete({ source:'CHI_custom/customScripts/getorgname.php', dataType: 'json', minLength:2, select: function (event, ui) { $(this).val(ui.item.organization_name); return false; } }) .data("autocomplete")._renderItem = function (ul, item) { return $("<li></li>") .data("item.autocomplete", item) .append('<a>' + item.organization_name + '</a>') .appendTo(ul); }; 

Дополнительная информация о документации jQuery: http://jqueryui.com/autocomplete/#custom-data