Я хотел бы использовать раскрывающийся список для фильтрации отсортированной таблицы jQuery. После создания таблицы пользователь может выбрать параметр, который скроет все другие параметры без необходимости повторного вызова источника данных.
<script type="text/javascript">
$(function() {
$("#myTable").tablesorter({sortList:[[0,0]], widgets: ['zebra']});
});
</script>
<script type="text/jscript">
function filter(value) {
alert(value);
// Hide all rows without the selected value on column A //
}
</script>
<table id="myTable" class="tablesorter">
<thead>
<tr>
<th>A</th><td>
<select name="SelectA" onchange="filter(this.value);">
<option></option>
<option>1</option>
<option>2</option>
</select>
</td>
<th>V</th>
</tr>
</thead>
<tbody>
<tr id="1">
<td colspan="2">1</td>
<td>5</td>
</tr>
<tr id="2">
<td colspan="2">1</td>
<td>4</td>
</tr>
<tr id="3">
<td colspan="2">2</td>
<td>3</td>
</tr>
</tbody>
</table>
В этом примере после выбора «2» я бы как будто все единицы исчезнут.