如何在多个下拉菜单中显示多维数组？

// 假设有一个二维数组
var array = [
  ['选项1', '选项2', '选项3'],
  ['选项4', '选项5', '选项6'],
  ['选项7', '选项8', '选项9']
];

// 创建下拉菜单
var dropdowns = [];
for (var i = 0; i < array.length; i++) {
  var dropdown = document.createElement('select');
  dropdowns.push(dropdown);
  document.body.appendChild(dropdown);
}

// 绑定数据
for (var i = 0; i < dropdowns.length; i++) {
  var dropdown = dropdowns[i];
  for (var j = 0; j < array[i].length; j++) {
    var option = document.createElement('option');
    option.text = array[i][j];
    dropdown.add(option);
  }
}

// 处理选择事件
for (var i = 0; i < dropdowns.length; i++) {
  var dropdown = dropdowns[i];
  dropdown.addEventListener('change', function() {
    // 更新其他下拉菜单的选项
    for (var j = i + 1; j < dropdowns.length; j++) {
      var nextDropdown = dropdowns[j];
      nextDropdown.innerHTML = '';
      var selectedIndex = dropdown.selectedIndex;
      for (var k = 0; k < array[j][selectedIndex].length; k++) {
        var option = document.createElement('option');
        option.text = array[j][selectedIndex][k];
        nextDropdown.add(option);
      }
    }
  });
}