写一个实现下面这三个li标签内的select标签内的数据三级联动的js代码：<li class="select">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;院：<select name="college"> <option value="电子信息工程学院">电子信息工程学院</option> <option value="计算机与软件工程学院">计算机与软件工程学院</option> <option value="机器制造学院">机器制造学院</option> </select> </li> <li class="select">系&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：<select name="major"> <option value="计算机科学与技术系">计算机科学与技术系</option> <option value="数据分析系">数据分析系</option> <option value="信息管理系">信息管理系</option> </select> </li> <li class="select">班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级：<select name="class"> <option value="大数据">大数据</option> <option value="软件工程">软件工程</option> <option value="自动化">自动化</option> </select> </li>

可以使用以下代码实现三级联动：

var collegeSelect = document.querySelector('select[name="college"]');
var majorSelect = document.querySelector('select[name="major"]');
var classSelect = document.querySelector('select[name="class"]');

var collegeData = {
  '电子信息工程学院': {
    '计算机科学与技术系': ['大数据', '软件工程', '自动化'],
    '数据分析系': ['数据分析1班', '数据分析2班'],
    '信息管理系': ['信息管理1班', '信息管理2班']
  },
  '计算机与软件工程学院': {
    '计算机科学与技术系': ['大数据', '软件工程', '自动化'],
    '软件工程系': ['软工1班', '软工2班'],
    '网络工程系': ['网络1班', '网络2班']
  },
  '机器制造学院': {
    '机械制造系': ['机械1班', '机械2班'],
    '自动化系': ['自动化1班', '自动化2班']
  }
};

function updateMajor() {
  var college = collegeSelect.value;
  var majors = Object.keys(collegeData[college]);
  majorSelect.innerHTML = '';
  classSelect.innerHTML = '';
  for (var i = 0; i < majors.length; i++) {
    var option = document.createElement('option');
    option.value = majors[i];
    option.innerHTML = majors[i];
    majorSelect.appendChild(option);
  }
  updateClass();
}

function updateClass() {
  var college = collegeSelect.value;
  var major = majorSelect.value;
  var classes = collegeData[college][major];
  classSelect.innerHTML = '';
  for (var i = 0; i < classes.length; i++) {
    var option = document.createElement('option');
    option.value = classes[i];
    option.innerHTML = classes[i];
    classSelect.appendChild(option);
  }
}

collegeSelect.addEventListener('change', updateMajor);
majorSelect.addEventListener('change', updateClass);

updateMajor();

首先，我们定义了三个变量 `collegeSelect`、`majorSelect` 和 `classSelect`，分别表示三个 select 元素。然后，我们定义了一个对象 `collegeData`，其中包含了各个学院、系别和班级的数据。接着，我们定义了两个函数 `updateMajor` 和 `updateClass`，分别用来更新系别和班级的下拉框选项。在 `updateMajor` 函数中，我们根据当前选择的学院，动态生成系别的下拉框选项；在 `updateClass` 函数中，我们根据当前选择的学院和系别，动态生成班级的下拉框选项。最后，我们将 `updateMajor` 函数绑定到学院下拉框的 `change` 事件，将 `updateClass` 函数绑定到系别下拉框的 `change` 事件，并调用 `updateMajor` 函数初始化三级联动。