オートコンプリート配列からのソースファイルの追加

Question

オートコンプリートで動作するコードが見つかりました。今私は、複数の配列で私のソースデータを追加したい。どうやってやるの？

var aTags = ["ask", "always", "all", "alright", "one", "foo", "blackberry", "tweet", "force9", "westerners", "sport"]; 

var bTags = ["aaaaaaa", "bbbbbbbb", "ccccccc", "ddddddddd"]; 

JSFIDDLE DEMO

Answer 1

、 #selLanguageが既に値が取り込まれます。 私が正しく理解している場合は、 の値を2つの配列の連結で置き換えたいとします。私はこのコードを追加しています

$(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 2つの配列をすることができます。連結jsfiddleで

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' />