DataTables -在多个菜单上使用"OR“

Question

我的设置如下：

菜单

<select id="list">
  <option value="apple pie">Apple Pie</option>
  <option value="banana milkshake">Banana Milkshake</option>
  <option value="orange tart">Orange Tart</option>
</select>

jQuery

$('list').on('change', function(){
    table.columns( 11 ).search( this.value, false, false ).draw();
});

这个很好用。但是，如果我在菜单中使用multiple，它可以查找“苹果派”或“香蕉奶昔”.或者其他选择的组合？

Answer 1

将我的JS更改为以下内容似乎使其工作起来

table.columns(10).search(myValues.replace(/,/g, '|'),true,false).draw(); 

Answer 2

当您将select设置为multiple时，它会为您提供一个值数组，您可以加入这些值来使用对数据的智能搜索.

$('select#list').on('change', function() {
    table.columns(11).search($(this).val().join('|'),true,false).draw();
});

这里有一个有用的例子：https://fiddle.jshell.net/rigobauer/p5t2247d/

我希望它能帮上忙