filter a table based on combibox in js code example
Example: filter a table based on combibox in js
unction filterTable() {
let dropdown, table, rows, cells, country, filter;
dropdown = document.getElementById("countriesDropdown");
table = document.getElementById("myTable");
rows = table.getElementsByTagName("tr");
filter = dropdown.value;
for (let row of rows) {
cells = row.getElementsByTagName("td");
country = cells[1] || null;
if (filter === "All" || !country || (filter === country.textContent)) {
row.style.display = "";
}
else {
row.style.display = "none";
}
}
}
<select id="countriesDropdown" oninput="filterTable()">
<option>All</option>
<option>Sweden</option>
<option>Germany</option>
</select>
<table id="myTable">
<tr><th>Name</th><th>Country</th></tr><!-- header row uses 'th' instead of 'td' -->
<tr><td>Inga</td><td>Sweden</td></tr>
<tr><td>Helena</td><td>Sweden</td></tr>
<tr><td>Hans</td><td>Germany</td></tr>
<tr><td>Anna</td><td>Germany</td></tr>
</table>