javascript - jQuery:在自动完成下拉列表中仅显示匹配的字符

Question

我正在用 jQuery 制作自己的下拉脚本。一切进展顺利，但我遇到了问题。每当我在文本字段中输入任何字符时，都会显示我正在搜索的数组中的所有元素，而不是与文本框中的内容匹配的元素。

例如，如果我使用正则表达式针对我的数组搜索“ra”:

var planes = [
    'Alara',
    'Fiora',
    'Innistrad',
    'Kamigawa',
    'Lorwyn',
    'Mirrodin',
    'Ravnica',
    'Shandalar',
    'Zendikar'
];

我应该在自动完成中只看到 Alara、Fiora、Innistrad 和 Ravnica .

Here's a Plunker.

非常感谢任何帮助。

Answer 1

您需要与-1进行比较，因此只有找到时才会显示。您当前正在与 1 进行比较，因此它对所有项目都返回 true。可能是一个错字。祝你好运!

        else{
            //Grep used to search array but not alter the original.
            var results = $.grep(planes, function(item){
                return item.search(new RegExp(query, "i")) != *add a - here* 1;
            });
            console.log("Added " + query + " to cache.");
            cache[query] = results;
        }