Dropdown Filter

Hey,

ich arbeite gerade an einem ucp und habe bspw. eine Statistik per php in Tabellen Form.
Da ich ca. 40 Tabellen bräuchte ist das ziemlich viel auf einer Seite (immer 2 Tabellen nebeneinander).
Daher wollte ich ein Filtersystem per Dropdown machen was dafür sorgt, dass nur die Tabellen die man ausgewählt hat im Dropdown angezeigt werden.

Leider bin ich sehr ungeschickt in Javascripts und einfach inkompetent
und ich habe es bis jetzt nur Filter innerhalb einer Tabelle gefunden und nicht overall für ganze Tabellen.

<div class="form-group">
<label>Filter</label>
<select class="form-control" id="opt">
<option id="opt1" selected>Allgemeine Statistiken</option>
<option id="opt2">Allgemeine Berufe</option>
<option id="opt3">Selbständige Berufe</option>
<option id="opt4">Illegale Berufe</option>
</select>
</div>

Hier der Gedanke dahinter:
[Blockierte Grafik: https://img.ryano.cf/8hAMUupQ.gif]

Zitat von Arne Drews

Hallo,

Willst Du ganze Tabellen ein-/ausblenden oder spezielle Inhalte einer Tabelle?
Ersteres würde gehen, indem Du die Tabellen entsprechende der Dropdown kategorisierst und bei Auswahl entsprechend alle anderen ausblendest.
Zweites würde ich über DataTable lösen, denke ich.

Gruß Arne

Genau ersteres wollte ich.
Ganze Tabellen einfach ein-/ausblenden.

Hier mal der Grundaufbau der sich ändern soll. (Tabellen header etc auch aber kb den ganzen Code jetzt zu posten)
Sprich z.B. 10 Solcher Tabellen sollen gegen 5 andere ausgetauscht werden etc.
Ich möchte halt nicht die Daten in der Tabelle geändert haben sondern den Code austauschen.
Wenn ? dann Tabelle 1-9
Wenn ?² dann Tabelle 10-15
Wenn ?³ dann Tabelle 16-19
Hoffe man versteht es.

while($fetch = mysql_fetch_assoc($query)) {
if($fetch['rank'] == "Ultimate"){
echo '<tr>';
echo '<td><i class="fa fa-shield"></i> ' . $fetch['user'] . '</td>';
echo '<td>' . $fetch['tkills'] . '</td>';
echo '</tr>';
}
if($fetch['rank'] == "Premium"){
echo '<tr>';
echo '<td><i class="fa fa-star"></i> ' . $fetch['user'] . '</td>';
echo '<td>' . $fetch['tkills'] . '</td>';
echo '</tr>';
}
if($fetch['rank'] == "Normal"){
echo '<tr>';
echo '<td><i class="fa fa-user"></i> ' . $fetch['user'] . '</td>';
echo '<td>' . $fetch['tkills'] . '</td>';
echo '</tr>';
}
}