Jquery DataTable过滤器应采用复选框格式，并应选择多个参数

Question

我使用的是jquery数据表过滤器，而不是列中的过滤器，我希望我的过滤器采用多个复选框的形式， 到目前为止，我编写的代码如下： HTML：

div class="dropdown">
            <p class="filter-text">Fruits</p>
                <select name="fruit" multiple id="fruit">
                    <option value="AP">apple</option>
                    <option value="MN">mango</option>

                </select>
            </div>

在我的数据表中，我正在做：

$(document).ready(function() {
   var table =  $('#example').DataTable();

     $('#fruit).on('change', function () {
                    table.columns(1).search( this.value ).draw();
                } );

但是这段代码只替换了一个值，例如，如果我选择苹果，它会选择苹果，我也点击芒果，它会在表格中显示芒果。 我想要的是它在检查它们时显示苹果和芒果。 请帮帮我