组合多个jquery自动完成源

Question

我想知道如何使用jquery自动完成功能将两个源组合在一起？

我希望实现的是结果＆＃34;巧克力饼干＆＃34;，＃34;草莓饼干＆＃34;，＃34;花生饼干＆＃34;然后它将循环到瑞士卷并重新开始口味：＆＃34;巧克力瑞士卷＆＃34;，＆＃34;草莓瑞士卷＆＃34;，＆＃34;花生瑞士卷＆＃ 34;等。

当用户输入单词：＆＃34; chocolate＆＃34;时，所有食物值都将显示在自动完成中。但是，我似乎无法得到我想要的结果。 这是我的代码：

<script>
var food= [
    "biscuits",
    "swiss roll",
    "bread",
    "waffle",
    "cookies"
];

var flavours= [
    "chocolate",
    "strawberry",
    "peanut",
    "cheese",
    "green tea",
    "vanilla"
];

var mergedResults;

for (i = 0; i < food.length; i++) {
    for (j=0; j < flavours.length; j++) {
        mergedResults = food[i].concat(flavours[j]);
    }
}

$( "#autocomplete" ).autocomplete({
    source: mergedResults
});

</script>

Answer 1

可能是

var mergedResults = [];

for (i = 0; i < food.length; i++) {
    for (j=0; j < flavours.length; j++) {
        mergedResults.push(food[i].concat(" ", flavours[j]));
    }
}