Filter large amounts of data from a HTML table w/ jQuery

Posted by Bry4n on Stack Overflow See other posts from Stack Overflow or by Bry4n
Published on 2010-04-23T14:43:55Z Indexed on 2010/04/23 22:23 UTC
Read the original article Hit count: 252

Filed under:
|
|

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

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about client-side