小编Sil*_*rch的帖子

我从joao vitor retamero找到了这个优秀的代码 - 小提琴:https://jsfiddle.net/jvretamero/bv6g0r64/ ,它展示了如何在jquery数据表列过滤器中进行多项选择.但我需要将过滤器容器转换为下拉列表,容器中的每个项目都是一个复选框.是的,有很多人提到这一点,正如我在几个小时的研究中发现的那样.但是我还没有找到任何例子,或者有关如何做到这一点的任何明确解释,尽管许多人说jquery插件是可能的.任何人都可以指出任何例子吗？我不知道如何开始.非常感谢.

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css"></script>

    $(document).ready(function() {
    $('#example').DataTable( {
        initComplete: function () {
            this.api().columns().every( function () {
                var column = this;
                var select = $('<select multiple="multiple"><option value=""></option></select>')
                    .appendTo( $(column.footer()).empty() )
                    .on( 'change', function () {
                        var vals = $('option:selected', this).map(function (index, element) {
                            return $.fn.dataTable.util.escapeRegex($(element).val());
                        }).toArray().join('|');

                        column
                            .search( vals.length > 0 ? '^('+vals+')$' : '', true, false )
                            .draw();
                    } );

                column.data().unique().sort().each( function ( d, j ) {
                    select.append( '<option value="'+d+'">'+d+'</option>' …