JQuery Autocomplete麻烦

时间:2013-10-22 18:47:33

标签: javascript jquery jquery-ui autocomplete

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

                },

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

1 个答案:

答案 0 :(得分: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,
    });
});