Javascript 如何使用自定义搜索输入和下拉列表筛选数据表

我正在使用Datatable在我的应用程序中填充一个表，但搜索筛选器不起作用

过滤代码

<script type="text/javascript">
        $(document).ready(function () {
            $('select.healthPlanSelect').change(function () {
                var input = document.getElementById('HealthPlans');
                console.log(input);
                var filter = input.value;
                console.log(filter);
                var table = document.getElementById('userAccountDetails');
                var tr = table.getElementsByTagName('tr');
                for (i = 0; i < tr.length; i++) {
                    var td = tr[i].getElementsByTagName('td')[0];
                    if (td) {
                        if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
                            tr[i].style.display = "none";
                        } else {
                            tr[i].style.display = "";
                        }
                    }
                }
            });
        });
    </script>

$（文档）.ready（函数（）{
$（'select.healthPlanSelect'）。更改（函数（）{
var input=document.getElementById（'HealthPlans'）；
控制台日志（输入）；
var filter=input.value；
控制台日志（过滤器）；
var table=document.getElementById（'userAccountDetails'）；
var tr=table.getElementsByTagName（'tr'）；
对于（i=0；i-1）{
tr[i].style.display=“无”；
}否则{
tr[i].style.display=“”；
}
}
}
});
});

表格代码-点击“搜索”按钮即可显示表格

 <script type="text/javascript">
        $(document).ready(function () {
            var table = $('#userAccountDetails').DataTable({
            });
            $('#userAccountDetails_wrapper').hide();
            $('#searchUser').click(function () {
                $('#userAccountDetails_wrapper').show();
                table.search($(this).val()).draw();
            });
        })
    </script>

$（文档）.ready（函数（）{
变量表=$（'#userAccountDetails'）。数据表({
});
$（'#userAccountDetails_wrapper'）.hide（）；
$（'#searchUser'）。单击（函数（）{
$（'#userAccountDetails_wrapper'）.show（）；
table.search（$（this.val（））.draw（）；
});
})

我想您需要。on（'click'）-您在这里的操作会调用click。@Nikki9696现在对我的表格做了一些奇怪的事情-例如，我在第一页上只看到三个条目，然后在我翻阅表格时看到更多（10）个未过滤的条目。对将过滤器应用于整个数据集有什么建议吗？抱歉，删除了一些注释，因为我看不清楚。这可能更有用：这里提到的关于使用fnDraw的内容可能相关：