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，它可以查找“Apple Pie”或“Banana Milkshake”....或任何其他选择组合，我将如何更改？

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/

我希望它有所帮助

DataTables - 在多个菜单

2 个答案: