Question

我正在使用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下显示数据？

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

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

1 个答案: