Hey W3 Forum,
I am currently building a page that includes a small data set about 400 rows under 3 columns.
I currently am using this function to filter through the three columns based on a search result from an HTML box.
I woulid like to add two things to this function, the first is an ability to filter from a drop down list that
leaves the data unaffected when blank, and a small highlight functionality highlighting whatever
the current input is.
Could use an assist.
<script Language="javascript">
function searchTable() {
var input, filter, found, table, tr, td, i, j;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td");
for (j = 0; j < td.length; j++) {
if (td[j].innerHTML.toUpperCase().indexOf(filter) > -1) {
found = true;
}
}
if (found) {
tr[i].style.display = "";
found = false;
} else {
tr[i].style.display = "none";
}
}
}
</script>
