使用一个输入字段和一个Select-Javascript对HTML表进行排序

此脚本用于使用两个标准输入字段对HTML表进行排序，但我尝试使用select作为第二个输入字段，并且我似乎找不到方法调用函数onchange以使select specialtyid用作输入。请帮忙。 多谢各位

代码如下：

---

这里有几件事需要改变：

将选择器

#table

更改为

table

更改条件以适合您的变量

（infovalue==“”）和&（specialtyvalue==“”）

创建要附加到两个事件上的函数

添加事件

$（'#specialtyid'）.change（filterTable）

$（窗口）.load（函数（）{
变量$rows=$（'table tr'），
信息，
专业
函数filterTable（）{
infovalue=$（'#infoid'）.val（）.toLowerCase（），
specialtyvalue=$（'#specialtyid'）.val（）.toLowerCase（）；
$rows.each（函数（索引，tr）{
info=$（tr）.find（'td:n类型（1）'）.text（）.toLowerCase（），
speciality=$（tr）.find（'td:n类型（2）'）.text（）.toLowerCase（）；
if（（信息索引of（信息值）！=-1）和&（专业索引of（专业值）！=-1））{
$（this.show（）；
}否则{
$（this.hide（）；
}
});
如果（（信息值==“”）和&（特殊值==“”））{
$rows.show（）；
}
}
$（'input'）.keyup（filterTable）；
$（'#specialtyid'）.change（filterTable）；
});

选择承包商类型：
电工
暖通空调
水暖工

杰克·多伊
暖通空调
小杰克·多伊
水暖工
无名氏
电工
里克普
水暖工
Jonathan Gagne有正确的答案。非常感谢你！
<script src="https://code.jquery.com/jquery-1.7.1.js"></script>
<input type="text" id="infoid" placeholder="Contractor Name">

<select id="specialtyid" onChange=" ">
  <option value="">Select Contractor Type:</option>
  <option value="Electrician">Electrician</option>
  <option value="HVAC">HVAC</option>
  <option value="Plumber">Plumber</option>
</select>
<p></p>
<table id="table">
  <tr>
    <td>Jack Doe</td>
    <td>HVAC</td>
  </tr>
  <tr>
    <td>Jack Doe JR</td>
    <td>Plumber</td>
  </tr>
  <tr>
    <td>Jane Doe</td>
    <td>Electrician</td>
  </tr>
  <tr>
    <td>Rick Pro</td>
    <td>Plumber</td>
  </tr>
</table>