0

我正在尝试从其网站重新创建 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);                        

                },

现在问题是自动完成只适用于第一个 ',' 。当我选择我的第一个项目时，当我想搜索并选择第二个项目时，什么也没有发生。我的萤火虫没有错误。我可以看到搜索方法调用，但源没有改变，也没有显示为我的自动完成项目。我可以看到我的搜索词正确更改，但实际上没有搜索发生。

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 回答