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>
表格代码- 该表格旨在在单击“搜索”按钮时显示。
<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>
解决方案
推荐阅读
- url-rewriting - IIS URL 重写:formaction 自定义标记属性被忽略
- django - 我想使用当前 url 在当前页面上创建一个指向现有表单的 url 链接
- c# - 编辑清单文件 GDI 设置导致“应用程序无法启动”
- gradle - 在子项目上运行 gradle 任务的快捷方式
- r - 如何在 R 中按日期对组应用 t 检验?
- r - 将不同的向量合并到一个 0/1 数据帧中
- python - 如何在odoo模块中制作菜单项
- hadoop - 与操作相关的未知 hadoop 作业。未能执行此操作
- python - 'numpy.int64' 类型的参数是不可迭代的。如果 x 不在列表中
- python - 研究一种使用 python 将字符串转换为日期的方法