<p>I'm looking for a generic "Row Picker" for JQuery.</p>

<p>We've all seen the cool "Picker" tools like date pickers, color pickers, time pickers, etc, where you click in a text box and a little calendar or color palate or clock or something comes up.  You select something (like a date) and the text box is then populated with a value.</p>

<p>I really need an all-purpose "row picker" where you can populate something (a table, divs, etc) with some rows of data (say a list of timezones).  This would be linked to a text field and would pop up when the user clicks in the field.</p>

<p>They would click a row (say a timezone), and the timezone id would be passed back to the field.</p>

<p>Anyone know of anything that does this?  </p>

<p>Thanks!</p>

I don't know about totally generic though you can certainly achieve a row selector fairly easily in jQuery.
```
```
<script type="text/javascript"> $(function() {
        $('table#data_table tr').click(function() {
              alert($(this).find('td.id').html());
          }); }); 
</script>

<table border="0" id="data_table">
<tr>
<td class="id">45</td><td>GMT</td>
</tr>
<tr>
<td class="id">47</td><td>CST</td>
</tr>
</table>
```
```
This adds a click to each row, finds the tagged id within the row which would then allow you to do something with it.  Obviously you would need to target this to your data table and filter based on the contents.  JQuery can then be used to populate the result of the click into the target field.  You can then come up with some convention where all your data tables work the same which would allow you to generalise this into a generic picker for your application.