jquery - 自动完成不显示单个项目

Question

我正在关注以下jQuery 自动完成文本框的示例。

我有一张桌子，我从中制作了一个逗号分隔的字符串。然后我将其分配给 availableTags 变量。当我在文本框中按下一个键时，我确实得到了一个下拉菜单，但这是我在 1 个大框中的所有值，我无法只选择一个值。

为了达到我的预期，需要做些什么？

这是一个根本不起作用的小例子，但在我的本地机器上却有一个变体。

                $(function() {
                    var tags = $('#MainContent_myTable tr .tablecellname').map(function () {
                    return '' $(this).text().trim()+'';
                    }).get().join(',');

                    var availableTags = [tags];

                    $("#tags").autocomplete({
                        source: availableTags
                    });
                    console.log(availableTags);
                });

Answer 1

尝试使用文档中所述的字符串数组。

在您的情况下，像这样更改代码：

$(function () {
     var tags = $('#MainContent_myTable tr .tablecellname').map(function () {
        return '' + $(this).text().trim() + '';
     }).get().join(',');

     var availableTags = tags.split(',');

     $("#tags").autocomplete({
         source: availableTags
     });
     console.log(availableTags);
});

这里的工作示例