如何使用选择列表菜单在 html 表中搜索？答案

【问题标题】：How can I search in html table with select list menu?如何使用选择列表菜单在 html 表中搜索？
【发布时间】：2022-01-20 13:02:32
【问题描述】：

我有一个带有数据的简单 html 表格

name	time
fsd	07:58
fds	08:02
dasfas	08:11
dsaf	08:52
dasf	09:11

我想创建一个选择列表：

<select name="kezdesh">
<option value="00">00</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>

过滤07到08之间的时间。（没有任何sql或数据库，只是一个简单的html表）

【问题讨论】：

查看提供过滤功能的 Javascript 表格插件。
这是什么类型的项目？纯 HTML 和 CSS、Angular、React、Node 等...？答案将根据框架而改变..

标签： php html list select filter

【解决方案1】：

您需要将表格中的数据放入数组中，然后使用过滤器对其进行映射，然后使用新值再次重新渲染您的表格

【讨论】：

【解决方案2】：

使用任何元素打开下拉菜单，例如一个

button>、a> 或 p> 元素。

使用容器元素（如 div>）创建下拉菜单并在其中添加下拉链接。将 div> 元素包裹在按钮和 div> 周围，以使用 CSS 正确定位下拉菜单。

【讨论】：