Search the Community

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>