Javascript数组未在|（或）字符上连接

我有一个javascript函数，它被支持向后拉一个字符串进行搜索。当下拉列表项被标记为选中时，我正在添加这些字符串，我希望将该字符串命名为“item | item2”，以便我的搜索栏可以在or语句中搜索datatables

当我加入时，它仍然作为项目返回，项目2

代码如下：

select = $('<select class="form-control" multiple="multiple" id="' + currHeaderName + '\"><option value=""></option></select>')
  .appendTo($(column.header())).on('change', function (element, checked) {
     var selected = [];
     selected.push([$(this).val()]);

     selected = selected.join("|");

     alert(selected);

     column.search(selected, true, true).draw();
});

select=$（“”）
.appendTo（$（column.header（））。on（'change'，函数（元素，选中）{
所选var=[]；
已选择.push（[$（this.val（）]）；
选定=选定。联接（“|”）；
警报（选定）；
search（selected，true，true）.draw（）；
});

val（）

对于多个选择将已经是一个数组

试一试

var select=$（“”）
.appendTo（$（column.header（）））
.on（'change'，函数（元素，选中）{
console.log（$（this.val（）.join（'|'）；
});

是否不将阵列推入阵列？而且，只有一个元素，就不会得到任何分隔符。

var select = $('<select class="form-control" multiple="multiple" id="' + currHeaderName + '\"><option value=""></option></select>')
  .appendTo($(column.header()))
  .on('change', function(element, checked) {

     console.log($(this).val().join('|'));    

  });