使用预设和可选值过滤引导表中的记录

时间:2015-01-16 15:43:26

标签: jquery twitter-bootstrap

我有一个常规的引导程序表。由于某些原因,我需要一个具有预设值的字段的过滤器,因此当显示表时,必须过滤记录。但是,这个值必须可以从一些列表中选择(比如常规的html选择)。并且必须仅通过选择值来过滤记录,而不是通过单击某个提交按钮来过滤。

我已经追求了这个filter extension,但无法找到如何使用它来满足我的所有要求。我很感激任何帮助。当然,最好的方式 - 用一个例子来展示它。

1 个答案:

答案 0 :(得分:1)

假设您有一个id为“filter”的选择下拉列表和一个id为“records”的html表,您可以让此代码仅显示下拉列表中包含所选值的表行。

$("#filter").change(function(){
    $("#records > tr").hide();
    $("#records > tr > td:contains('"+$(this).val()+"')").parent("tr").show();
});