Question

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

Answer 1

Do you have access to the data itself? If you do you could create classes and append them to the table rows.

<tr class="Melbourne"><td></td><td></td></tr>

Then, on click of the button do something like

function myFilter(fromloc, toloc) {
  $("tr").hide();
  $("tr." + fromloc).show();
  $("tr." + toloc).show();
}

Would that work? Obviously in practice it may be a bit more complex. But jQuery selectors are incredibly powerful, and I think could handle doing manipulation just like this.