jquery ui自动完成仅显示数据库中的第一项

Question

我在模板上使用 JQuery 自动完成功能，但是当我得到结果时，自动完成功能只显示一项，尽管获取的结果不止一项。它只显示列表中的第一项！

例子：

如果我有一个带有('type1', 'type2', 'type3')的结果列表

在自动完成中，我输入“t”，它只会在下拉菜单中显示type1！

我是jquery的新手，请纠正我的错误（如果有的话）

我的自动完成代码：

$(".fro").each(function() {
        $(this).autocomplete({
                source : function(request, response) {
                    $.ajax({
                    serviceUrl: '${pageContext.request.contextPath}/index.htm',
                    datatype: "json",
                    paramName: "fro",
                    delimiter: ",",
                    data : {
                        term : request.term
                    },      
                    success : function(data) {
                        response($.map(data.result, function(item) {
                            $.each(data, function() {
                                return {

                                       label : this.fro,
                                       value : this.fro
                               }
                            });
                        }));
                    }     
                });
            },
                minLength:1
            });
        });

我的响应控制器如下所示：

@RequestMapping(value = "/getTags.htm", method = RequestMethod.GET, headers="Accept=*/*")
      public @ResponseBody List<SearchFiller> getTags(@RequestParam("fro") String fro) {
          return simulateSearchResult(fro);
      }

      private List<SearchFiller> simulateSearchResult(String fro) {

        List<SearchFiller> data=searchFlightDao.fillerList();

        List<SearchFiller> result = new ArrayList<SearchFiller>();
            for (SearchFiller tag : data) {
                if (tag.getFro().contains(fro)) {
                    result.add(tag);
                }
            }

        return result;
      }

正确答案值得赞赏

Answer 1

让你试试这个：

$(".fro").each(function() {
    $(this).autocomplete({
        source : function(request, response) {
            $.ajax({
                serviceUrl: '${pageContext.request.contextPath}/index.htm',
                datatype: "json",
                paramName: "fro",
                delimiter: ",",
                data : {
                    term : request.term
                },      
                success : function(data) {
                    dataArray = new Array();
                    $.each(data, function() {
                        var t = { label : this.fro,  value : this.fro };
                        dataArray.push(t);
                    });
                    response(dataArray);
                }
            });
        },
        minLength:1
    });
});