Question

我正在关注jQuery自动填充文本框的以下example。

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

我需要做些什么才能表现得像我期待的那样？

这是一个small example根本不起作用，只能在我的本地机器上运行变体。

                $(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);
});

工作示例here

自动填充不显示单个项目

1 个答案: