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

Question

该脚本用于使用两个标准输入字段对HTML表格进行排序，但是我试图将select用作第二个输入字段，并且我似乎无法找到一种方法来调用函数onchange来让select specialidid id用作输入。请帮忙。非常感谢你！

这是代码：

<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>

$(window).load(function() {

  var $rows = $('#table tr'),

    info,

    specialty;

  $('input').keyup(function() {

    infovalue = $('#infoid').val().toLowerCase(),

      specialtyvalue = $('#specialtyid').val().toLowerCase();

    $rows.each(function(index, tr) {

      info = $(tr).find('td:nth-of-type(1)').text().toLowerCase(),

        specialty = $(tr).find('td:nth-of-type(2)').text().toLowerCase();

      if ((info.indexOf(infovalue) != -1) && (specialty.indexOf(specialtyvalue) != -1)) {

        $(this).show();

      } else {

        $(this).hide();

      }

    });

    if ((searchVal1 === '') && (searchVal2 === '')) {

      $rows.show();

    }

  });

});