I have a simple html table with data

I want to create a select list:

<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>

To filter the time between 07 and 08. (Without any sql, or databases, its just a simple html table)

CodePudding user response：

You need to put the data from table in array then map on it with your filter then re-render your table again with the new values

CodePudding user response：

Use any element to open the dropdown menu, e.g. a

button>, a> or p> element.

Use a container element (like div>) to create the dropdown menu and add the dropdown links inside it. Wrap a div> element around the button and the div> to position the dropdown menu correctly with CSS.