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

Question

我使用jQuery的自动完成UI和我在JSON格式类似这样的

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

及彼数据是不显示JSON数据我jQuery代码正确

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

       }); 

谁能帮助哪有显示数据在自动完成textboX？

Answer 1

您需要更改自动完成的方式显示项目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); 
}; 

更多信息：http://jqueryui.com/autocomplete/#custom-data