2017-10-10 48 views
0

我发现了一些使用自动完成的代码。现在我想添加我的源数据与多个数组。我怎样才能做到这一点?自动完成从数组中添加源文件

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

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

JSFIDDLE DEMO

+0

'[] .push.apply(aTags,bTags)' – dandavis

+0

我在哪里添加此代码?你可以在jsfiddle上编辑吗? – rayan005

回答

0

在链接的jsfiddle, 的#selLanguage已填充了值。 如果我理解正确, 你想用两个数组的连接替换这些值。 下面是相关的部分从working fiddle

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

您是否可以在两个输入字段中显示并删除不必要的代码。如果不匹配数据,也显示两个不同的消息。请检查https://jsfiddle.net/Sakib00123/7jhdk00h/7/ – rayan005

0

您可以merge×2阵列这样。

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

+0

它不能像演示一样工作。演示代码有更改事件。 – rayan005

+0

我希望所有条件都像演示一样工作,只需将源方法选项更改为数组 – rayan005

相关问题