HTML表格过滤

HTML表格过滤,html,css,Html,Css,我有一个html表格,我想让我的用户通过选择多个下拉列表并按下一个按钮,过滤掉给定条件的行,例如页面长度大于x、类型为y等 我该怎么做?我需要什么样的编码 我不熟悉编码,所以我需要一些虚假的解释 下表为示例 .tg{边框折叠:折叠;边框间距:0;} .tg td{字体系列:Arial,无衬线;字体大小:14px;填充:10px 5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;} .tg th{字体系列:Arial,无衬线;字体大小:14px;字体重量:正常;填充:10px

我有一个html表格,我想让我的用户通过选择多个下拉列表并按下一个按钮,过滤掉给定条件的行,例如页面长度大于x、类型为y等

我该怎么做?我需要什么样的编码

我不熟悉编码,所以我需要一些虚假的解释

下表为示例


.tg{边框折叠:折叠;边框间距:0;}
.tg td{字体系列:Arial,无衬线;字体大小:14px;填充:10px 5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;}
.tg th{字体系列:Arial,无衬线;字体大小:14px;字体重量:正常;填充:10px 5px;边框样式:实心;边框宽度:1px;溢出:隐藏;分词:正常;}
.tg.tg-yw4l{垂直对齐:顶部}
书名
书页
体裁
链接
aaa
1.
A.
aaa
aaa
2.
A.
aaa
sss
3.
A.
aaa
直接数字合成
4.
B
aaa
ddd
5.
B
aaa
fff
6.
B
aaa

这个问题非常广泛-您是想在客户端还是服务器端执行此操作?到目前为止,您尝试实施了什么?如果只是客户端筛选,您应该能够将事件侦听器附加到搜索表单,然后隐藏/显示匹配的表行。我有一个由blogger支持的网站,我想将此功能添加到页面中,以便用户可以根据自己的条件搜索书籍。我建议您:了解如何在blogger页面中嵌入JavaScript脚本,然后搜索一些介绍性JS教程。然后,根据条件找出如何显示/隐藏表行,然后创建一个搜索表单。这是()您想要实现的吗?您使用的是哪种服务器端语言?这些书来自数据库吗?这个问题非常广泛——你是想做客户端还是服务器端?到目前为止,您尝试实施了什么?如果只是客户端筛选,您应该能够将事件侦听器附加到搜索表单,然后隐藏/显示匹配的表行。我有一个由blogger支持的网站,我想将此功能添加到页面中,以便用户可以根据自己的条件搜索书籍。我建议您:了解如何在blogger页面中嵌入JavaScript脚本,然后搜索一些介绍性JS教程。然后,根据条件找出如何显示/隐藏表行,然后创建一个搜索表单。这是()您想要实现的吗?您使用的是哪种服务器端语言?这些书来自数据库吗?