Filter large amounts of data from a HTML table w/ jQuery
- by Bry4n
I work for a transit agency and I have large amounts of data (mostly times), and I need a way to filter the data using two textboxes (To and From).
I found jQuery quick search, but it seems to only work with one textbox.
If anyone has any ideas via jQuery or some other client side library, that would be fantastic.
Ideal example:
To: [Textbox] From:[Textbox]
<table>
<tr>
<td>69th street</td><td>5:00pm</td><td>5:06pm</td><td>5:10pm</td><td>5:20pm</td>
</tr>
<tr>
<td>Millbourne</td><td>5:09pm</td><td>5:15pm</td><td>5:20pm</td><td>5:25pm</td>
</tr>
<tr>
<td>Spring Garden</td><td>6:00pm</td><td>6:15pm</td><td>6:20pm</td><td>6:25pm</td>
</tr>
</table>
I have an HTML page with a giant table on it listing the station names and each stations times. I want to be able to put my starting location in one box and my ending location in another box and have all the items in the table disappear that don't relate to either of the two locations typed in, leaving only two rows that match what was typed in (even if they don't spell it right or type it all the way) Similar to the jQuery quick search plugin