0

Web サイトから JQUEry オートコンプリートの例を再作成しようとしています。

http://jqueryui.com/autocomplete/#multiple-remote

私が変更する唯一のことは、ソース プロパティを次から変更することです。

    source: function( request, response ) {
               $.getJSON( "search.php", {
                 term: extractLast( request.term )
               }, response );
             },

に：

source: function (request, response) {
                        $.ajax({
                            type: "POST",
                            url: "/UIClientsWebService.asmx/SearchCRMUsers",
                            data: "{term:'" + extractLast(request.term) + "'}",
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            success: function (result) {
                                $("#commentBody").autocomplete("option", "source", result.d);

                        }
                    }, response);                        

                },

今問題は、最初の ',' でオートコンプリートが機能することです。最初のアイテムを選択してから、2 番目のアイテムを検索して選択しようとしても、何も起こりません。私のfirebugにはエラーはありません。検索メソッドの呼び出しを確認できますが、ソースは変更されず、オートコンプリート アイテムとして何も表示されません。検索用語が正しく変更されていることを確認できますが、実際には検索が行われません。

4

1 に答える 1

3

multiple: trueスクリプトにオプションを追加してみてください

$(document).ready(function() {
    src = '/UIClientsWebService.asmx/SearchCRMUsers';
    $("#yourSelector").autocomplete({
        source: function(request, response) {
            $.ajax({
                url: src,
                dataType: "json",
                data: "{term:'" + extractLast(request.term) + "'}",
                success: function(data) {
                    response(data);
                }
            });
        },
        min_length: 3,
        delay: 300,
        multipleSeparator:",",
        multiple: true,
    });
});
于 2013-10-22T19:29:49.570 に答える