以下是一个示例代码，演示如何按照层级进行下拉筛选：

HTML：

  请选择
  一级选项1
  一级选项2



  请选择



  请选择

JavaScript：

// 当一级选项改变时触发事件
document.getElementById('level1').addEventListener('change', function() {
  var level1Value = this.value;
  var level2Dropdown = document.getElementById('level2');
  
  // 清空二级和三级选项
  level2Dropdown.innerHTML = '请选择';
  document.getElementById('level3').innerHTML = '请选择';
  
  // 根据一级选项的值动态生成二级选项
  if (level1Value === '1') {
    level2Dropdown.innerHTML += '二级选项1';
    level2Dropdown.innerHTML += '二级选项2';
  } else if (level1Value === '2') {
    level2Dropdown.innerHTML += '二级选项3';
    level2Dropdown.innerHTML += '二级选项4';
  }
  
  // 启用二级选项
  level2Dropdown.disabled = false;
  document.getElementById('level3').disabled = true;
});

// 当二级选项改变时触发事件
document.getElementById('level2').addEventListener('change', function() {
  var level2Value = this.value;
  var level3Dropdown = document.getElementById('level3');
  
  // 清空三级选项
  level3Dropdown.innerHTML = '请选择';
  
  // 根据二级选项的值动态生成三级选项
  if (level2Value === '1-1') {
    level3Dropdown.innerHTML += '三级选项1';
    level3Dropdown.innerHTML += '三级选项2';
  } else if (level2Value === '1-2') {
    level3Dropdown.innerHTML += '三级选项3';
    level3Dropdown.innerHTML += '三级选项4';
  } else if (level2Value === '2-1') {
    level3Dropdown.innerHTML += '三级选项5';
    level3Dropdown.innerHTML += '三级选项6';
  } else if (level2Value === '2-2') {
    level3Dropdown.innerHTML += '三级选项7';
    level3Dropdown.innerHTML += '三级选项8';
  }
  
  // 启用三级选项
  level3Dropdown.disabled = false;
});

这个示例中，一级选项改变时会根据一级选项的值动态生成二级选项，二级选项改变时会根据二级选项的值动态生成三级选项。同时，级别之间的下拉菜单会根据选项的选择进行启用或禁用。