Javascript массив не присоединяется к | (или)

Question

У меня есть функция javascript, которая поддерживается, чтобы вытащить строку для поиска. Я добавляю эти строки, когда элементы раскрывающегося списка становятся отмеченными как выбранные, и я хотел бы объединить эту строку как «item | item2», чтобы моя строка поиска могла выполнять поиск в инструкции или для данных для datatables.

Когда я джойн все еще возвращается в качестве пункта, item2

Вот код:

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

Answer 1

val() для multiple выбора уже будет массив

TRY

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('|'));  

    });