Javascript 什么'；我的代码怎么了HTML/JS

我试图做一个简单的表格，当用户选择一个选项时，隐藏所有其他选项列。恐怕这是一些HTML语法中的错误

HTML:

$（'#数据'）。更改（函数（）{
$（'.hideShowTr'）.css（'display'，'none'）；
$（'tr#'+$（this.val（））.css（'display'，'block'）；
});

选择
法令
转基因的
三菱
品图拉请购单
阿皮卡ção do Teste
阿莫斯特拉斯波尔睾丸定量
测试实验室
Teste Realization em电子涂层
罗达
XXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXX
XXXXX
XXXXXXXXX
XXXXXXXXXX
xxxxxxxx
xxxxxxxx
xxxxxxx
您的HTML格式不正确。使用以下命令：

<select id="data">
  <option value="#">select</option>
  <option value="fiat">FIAT</option>
  <option value="gm">GM</option>
  <option value="mitsubishi">Mitsubishi</option>
</select>

<table width="650" border="1">
  <tr>
    <td> Requisito de Pintura </td>
    <td> Aplicação do Teste</td>
    <td> Quantidade Amostras por Teste</td>
    <td> Laboratório a ser realizados os testes</td>
  </tr>
  <tr class="hideShowTr" id="fiat" style="display: none;">
    <td>Teste realizado em e-coat </td>
    <td>Roda</td>
    <td>xxxxxxxxxxxxxxxxxxx</td>
    <td>xxxxxxxxxxxxxxxxxxxxxxx</td>
  </tr>
  <tr class="hideShowTr" id="gm" style="display: none;">
    <td>xxxxxxxxxxxxxxxxxxxxxxx</td>
    <td>xxxxxxxxxxxxxxxxxxxxxxxxx</td>
    <td>XXXXX</td>
    <td></td>
  </tr>
  <tr class="hideShowTr" id="mitsubishi" style="display: none;">
    <td> xxxxxxxxxx</td>
    <td>xxxxxxxxxxx</td>
    <td>xxxxxxxx xxxxxxxx</td>
    <td>xxxxxxx</td>
  </tr>
</table>

如果该jQuery出现错误，请按如下方式修复：

  $('#data').change(function() {
     $('.hideShowTr').css('display','none');
     $('#' + $(this).val()).css('display','block');
  });

HTML格式不正确，必须声明JS块并稍作更改，它才能工作。显示器；t切换到
块
。只需取消设置（空白）即可


$（'#数据'）。更改（函数（）{
$（'.hideShowTr'）.css（'display'，'none'）；
$（'tr#'+$（this.val（））.css（'display'，''）；
});

选择
法令
转基因的
三菱
品图拉请购单
阿皮卡ção do Teste
阿莫斯特拉斯波尔睾丸定量
测试实验室
Teste Realization em电子涂层
罗达
XXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXX
XXXXX
这个元素丢失了
XXXXXXXXX
XXXXXXXXXX
XXXXXXXXX
xxxxxxx
控制台中是否有错误？您没有包含jQuery库？我建议您打开浏览器控制台，这将显示错误，这将有助于调试。还有，您的
和
标记在哪里？这在什么方面不起作用？这很尴尬，因为它在JSFIDLE上工作，但我试图运行.HTML，但它不起作用。是的，我包括了我的库和我的.js@NewToJS。调试时没有错误。+1此答案将删除额外的标记。那些额外的标签会引起一些严重的问题。@Miguel Mota JSFIDDLE工作得很好。当我试图在我的电脑上运行时，它不起作用。我尝试调试时也没有错误。
  $('#data').change(function() {
     $('.hideShowTr').css('display','none');
     $('#' + $(this).val()).css('display','block');
  });