如何在 JQuery 自动完成 UI 中显示 Json 数据？

Question

我正在使用 jquery 自动完成 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

                });

谁能帮助如何在自动完成文本框下方显示数据？

Answer 1

您需要更改自动完成显示项目的方式

$('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