Javascript 函数来显示表行

我正在尝试使用下拉列表使函数显示或隐藏表行。从下拉列表中选择元素时，函数没有响应。在CSS中手动隐藏/显示时，类工作正常。if语句没有else来简化代码

<select id="vendorselect" onselect="tableshow()">
  <option>Select vendor:</option>
  <option id="Capintec">Capintec</option>
  <option id="Exradin">Exradin</option>

</select>

<table class="ionchambers">
  <tr class="CapintecTbl">
    <td>Capintec PR-05P mini</td>    
    <td>1.046</td><td>1.045</td><td> 1.044</td>
  </tr>

  <tr class="ExradinTbl">
    <td>Exradin P425</td>  
    <td>1.046</td><td>1.045</td><td>1.044</td>
  </tr>
</table>

---

更改

onselect
for
onchange

<select id="vendorselect" onchange="tableshow()">
  <option>Select vendor:</option>
  <option id="Capintec">Capintec</option>
  <option id="Exradin">Exradin</option>
</select>

非常感谢。这是查询选择器。有趣的是，它在许多地方没有被作为选项引用。
<select id="vendorselect" onchange="tableshow()">
  <option>Select vendor:</option>
  <option id="Capintec">Capintec</option>
  <option id="Exradin">Exradin</option>
</select>

document.querySelector(".CapintecTbl").style.display='inline-block';
document.querySelector(".ExradinTbl").style.display='none';