Javascript 显示不使用Materialize和jQuery的函数

我有两个选择，第二个是隐藏的，如果第一个选择被更改，它应该显示出来，我通过（'change'，function（）{…上的

检查了它，到目前为止它还在工作。当第一个选择框被更改时，我已经检查并显示了
控制台.log

这里的问题是，当我更改第一个选择框的值时，console.log显示为value，但是第二个选择框不显示。

我已经更新了MaterializeCSS和jQuery，这是我的脚本：

<script>
    $(document).ready(function() {
        $('select').material_select();
        $('#school-list').on('change', function() {
            $('#section-list').show();
            console.log(this.value);
        });
    });
</script>


$（文档）.ready（函数（）{
$（'select'）。材料选择（）；
$（“#学校列表”）。在（'change'，function（）上{
$（“#节列表”）.show（）；
console.log（this.value）；
});
});

这是我的选择：

            <div class="row margin">
              <div class="input-field col s12">
                <select id="school-list" name="school-list">
                  <option value="" disabled selected>Choose your school</option>
                   ...
                </select>
                <label>School</label>
              </div>
            </div>
            <div class="row margin" style="display: none">
              <div class="input-field col s12">
                <select id="section-list" name="section-list">
                  <option value="" disabled selected>Choose your section</option>
                   ...
                </select>
                <label>Section</label>
              </div>
            </div>


选择你的学校
...
学校
选择你的分区
...
部分
您需要显示第二个select的父行

您可以尝试以下代码：

<script>
    $(document).ready(function() {
        $('select').material_select();
        $('#school-list').on('change', function() {
            $('#section-list').parents(".row:eq(0)").show();
            console.log(this.value);
        });
    });
</script>


$（文档）.ready（函数（）{
$（'select'）。材料选择（）；
$（“#学校列表”）。在（'change'，function（）上{
$（“#节列表”）.parents（“.row:eq（0）”）.show（）；
console.log（this.value）；
});
});
您需要显示第二个select的父行

您可以尝试以下代码：

<script>
    $(document).ready(function() {
        $('select').material_select();
        $('#school-list').on('change', function() {
            $('#section-list').parents(".row:eq(0)").show();
            console.log(this.value);
        });
    });
</script>


$（文档）.ready（函数（）{
$（'select'）。材料选择（）；
$（“#学校列表”）。在（'change'，function（）上{
$（“#节列表”）.parents（“.row:eq（0）”）.show（）；
console.log（this.value）；
});
});