0

私は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の下にデータを表示する方法を教えてもらえますか?

4

1 に答える 1

0

オートコンプリートでアイテムを表示する方法を変更する必要があります

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

于 2013-03-08T18:58:16.477 に答える