自动完成从数组添加源文件

Question

我找到了一些使用自动完成的代码。现在我想添加具有多个数组的源数据。我该怎么做？

var aTags = ["ask", "always", "all", "alright", "one", "foo", "blackberry", "tweet", "force9", "westerners", "sport"];
var bTags = ["aaaaaaa", "bbbbbbbb", "ccccccc", "ddddddddd"];

JSFIDDLE 演示

Answer 1

在链接的 jsfiddle 中，#selLanguage已填充值。如果我理解正确，您希望将这些值替换为两个数组的串联。这是工作小提琴的相关部分：

$(function() {
    var aTags = ["ask", "always", "all", "alright", "one", "foo", "blackberry", "tweet", "force9", "westerners", "sport"];
    var bTags = ["aaaaaaa", "bbbbbbbb", "ccccccc", "ddddddddd"];
    var $langs = $("#selLanguage");
    $langs.empty();
    $.each(aTags.concat(bTags), (k, v) => $langs.append($("<option></option>").attr("value", v).text(v)));
    $langs.combobox();
});

Answer 2

你可以像这样merge两个数组。

var aTags = ["ask","always", "all", "alright", "one", "foo", "blackberry", "tweet","force9", "westerners", "sport"];
var bTags = ["aaaaaaa", "bbbbbbbb", "ccccccc", "ddddddddd"];
var cTags=$.merge( aTags,bTags );
    $( "#tags" ).autocomplete({
        source: cTags
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<input type='text' title='Tags' id='tags' />