用HTML和Javascript实现在页面中制作一个学年、专业、班级三级联动的下拉菜单，根据学年显示该学年下对应的专业，很具选择学年专业选择对应的班级，学年为2023年，专业为计算机应用技术班级为21计算机应用技术4个班

好的，这是一个关于HTML和Javascript的技术问题，我可以为您提供解答。

首先，您需要在HTML中使用select标签创建一个下拉菜单，有三个select标签分别表示学年、专业和班级。然后，您需要使用Javascript编写一段代码，根据所选的学年显示对应的专业，再根据所选的专业显示对应的班级。

以下是一个简单的示例代码，供您参考：

HTML部分：

<select id="year">
  <option value="2023">2023</option>
  <option value="2022">2022</option>
  <option value="2021">2021</option>
  <!-- 其他学年选项 -->
</select>

<select id="major" disabled>
  <option value="">请选择学年</option>
  <!-- 此处留空，待Javascript根据学年填充选项 -->
</select>

<select id="class" disabled>
  <option value="">请选择专业</option>
  <!-- 此处留空，待Javascript根据专业填充选项 -->
</select>

Javascript部分：

// 获取select标签
const yearSelect = document.getElementById('year');
const majorSelect = document.getElementById('major');
const classSelect = document.getElementById('class');

// 填充专业选项
yearSelect.addEventListener('change', function() {
  const selectedYear = yearSelect.value;
  majorSelect.disabled = false;
  // 根据所选学年填充专业选项
  if (selectedYear === "2023") {
    majorSelect.innerHTML = `
      <option value="1">计算机应用技术</option>
      <option value="2">软件工程</option>
      <!-- 其他专业选项 -->
    `
  } else if (selectedYear === "2022") {
    majorSelect.innerHTML = `
      <option value="3">物联网工程</option>
      <!-- 其他专业选项 -->
    `
  } else {
    // 其他学年的情况
    majorSelect.innerHTML = '';
    majorSelect.disabled = true;
    classSelect.innerHTML = '';
    classSelect.disabled = true;
  }
  // 重置班级选项
  classSelect.innerHTML = '';
  classSelect.disabled = true;
});

// 填充班级选项
majorSelect.addEventListener('change', function() {
  const selectedMajor = majorSelect.value;
  classSelect.disabled = false;
  // 根据所选专业填充班级选项
  if (selectedMajor === "1") {
    classSelect.innerHTML = `
      <option value="1">21计算机应用技术1班</option>
      <option value="2">21计算机应用技术2班</option>
      <option value="3">21计算机应用技术3班</option>
      <option value="4">21计算机应用技术4班</option>
    `
  } else if (selectedMajor === "2") {
    classSelect.innerHTML = `
      <option value="5">21软件工程1班</option>
      <!-- 其他班级选项 -->
    `
  } else {
    // 其他专业的情况
    classSelect.innerHTML = '';
    classSelect.disabled = true;
  }
});

经过以上操作，您就可以在页面中成功制作一个学年、专业、班级三级联动的下拉菜单，并且根据学年显示对应的专业，再根据专业显示对应的班级。