<body>
<table class="classTable" cellpadding="0" cellspacing="0">
<tr style="height:40px">
<th class="classTh">第一级别</th>
<td colspan="3" class="classTd">
<select id="firstLevel" style="width: 532px">
<option value="">---请选择---</option>
<option value="A级">A级</option>
<option value="B级">B级</option>
<option value="C级">C级</option>
</select>
</td>
</tr>
<tr style="height:40px">
<th class="classTh">第二级别</th>
<td colspan="3" class="classTd">
<select id="secondLevel" style="width: 532px">
<option value="">---请选择---</option>
<option value="C1级">C1级</option>
<option value="C2级">C2级</option>
<option value="C3级">C3级</option>
</select>
</td>
</tr>
</table>
</body>
<script>
$(function () {
$("#firstLevel").on("change", function () {
let firstLevel = $(this).find("option:selected").val();
if (firstLevel === 'C级') {
$("#secondLevel").removeAttr('disabled');
} else {
$("#secondLevel").find("option[value='']").attr("selected", true);
$("#secondLevel").attr('disabled', 'disabled');
}
})
});
</script>