Jquery 基于下拉选择显示/隐藏表行

我有一个2012年和2013年的日期选择器。根据选择，我只想显示具有特定类的行。有人能告诉我哪里出了问题吗

jQuery

<script>
$(document).ready(function() {
$(".yr12 td").hide();

$('#selectYr').change(function () {
    var val = $(this).val();
    if (val == yr12) {
         $('.yr12 td').show();
         $('.yr13 td').hide();
    } else {
        $('.yr12 td').hide();
         $('.yr13 td').show();
    }
    });
});

$（文档）.ready（函数（）{
$（“.yr12 td”）.hide（）；
$（'#selectYr'）。更改（函数（）{
var val=$（this.val（）；
如果（val==yr12）{
$（'.yr12 td'）.show（）；
$（'.yr13 td'）.hide（）；
}否则{
$（'.yr12 td'）.hide（）；
$（'.yr13 td'）.show（）；
}
});
});

html

<select id="selectYr">
    <option value="yr13">2013</option>
     <option value="yr12">2012</option>
   </select>
<br><br>

<table>
<tr>
<th>Date</th>
<th>Description</th>
</tr>
<tr class="yr13">
<td>February 2013 </td>
<td>Description 1</td>
</tr>
<tr>
<td class="yr13">January 2013</td>
<td>Description 2</td>
</tr>
<tr class="yr12">
<td>November 2012</td>
<td>Description 3</td>
</tr>
<tr class="yr12">
<td>December 2012</td>
<td>Description 4</td>
</tr>
</table>

2013
2012



日期
描述
2013年2月
说明1
2013年1月
说明2
2012年11月
说明3
2012年12月
说明4

字符串周围缺少引号：

if (val == 'yr12') { }
//         ^    ^

---

您缺少字符串周围的引号：

if (val == 'yr12') { }
//         ^    ^

---

您试图将val与另一个名为yr12的变量进行比较，而不是与值“yr12”进行比较

以下是正确的代码：

$(document).ready(function() {
                $(".yr12 td").hide();

                $('#selectYr').change(function () {
                    var val = $(this).val();
                    if (val == 'yr12') {
                         $('.yr12 td').show();
                         $('.yr13 td').hide();
                    } else {
                        $('.yr12 td').hide();
                         $('.yr13 td').show();
                    }
                    });
                });

---

您试图将val与另一个名为yr12的变量进行比较，而不是与值“yr12”进行比较

以下是正确的代码：

$(document).ready(function() {
                $(".yr12 td").hide();

                $('#selectYr').change(function () {
                    var val = $(this).val();
                    if (val == 'yr12') {
                         $('.yr12 td').show();
                         $('.yr13 td').hide();
                    } else {
                        $('.yr12 td').hide();
                         $('.yr13 td').show();
                    }
                    });
                });

两件事

1->

 <tr>
<td class="yr13">January 2013</td>

两件事

1->

 <tr>
<td class="yr13">January 2013</td>

---

o、 哎呀。由于缺少报价而损失的小时数。谢谢你！o、 哎呀。由于缺少报价而损失的小时数。谢谢你！