使用jquery在选择框中选择选项时如何筛选表数据？

我有一个表，其中包含一些用户详细信息。我已经从JSON填充了这些数据。在表的底部，我有一个选择框，供用户选择developer或tester来筛选表。比如说,

假设一个表包含10行。前6行包含开发人员详细信息，后4行包含测试人员详细信息。如果用户在“选择”框中选择了“开发人员”，则该表应显示包含开发人员信息的行。如何使用jquery实现这一点

 <table class="tableData" border="1" frame="void" rules="rows">
          <tbody>
            <!--data comes from JSON file -->
          </tbody>
          </table>
    <select id="selectEngineer">
                <option value="anyone">Any One</option>
                <option value="Developer">Developer</option>
                <option value="Tester">Tester</option>
              </select>



    $("#selectEngineer").click(function() {
            $(".tableData tbody tr").show();
            if($("#selectEngineer").val.length > 0) {
                $("#selectEngineer tbody tr").filter(function(index, elm) {
                    return $(elm).html().toUpperCase().indexOf($("#selectEngineer").val().toUpperCase()) < 0;
                }).hide();
            }
        });

---

省省你的麻烦吧，我的朋友。使用datatables插件！您可以轻松地将示例中的搜索框替换为一个选择元素，该元素具有您想要的任何选项。@r3wt不，我想自己编写。。不使用任何插件..我也这么想，那样的话我帮不了你。@r3wt。。没关系。感谢您建议使用datatables.net