如何在不重新加载页面的情况下更改Form::select from another Form：：select的更改事件

document.getElementById('firstSelect').addEventListener('change', function() {
  // 在这里编写代码来处理第一个Form::select的更改事件
});

document.getElementById('firstSelect').addEventListener('change', function() {
  var selectedValue = this.value; // 获取第一个Form::select的选中值

  // 根据选中值更新第二个Form::select的选项
  var secondSelect = document.getElementById('secondSelect');
  secondSelect.options.length = 0; // 清空第二个Form::select的选项

  // 根据选中值添加新的选项
  if (selectedValue === 'option1') {
    secondSelect.options.add(new Option('选项1', 'value1'));
    secondSelect.options.add(new Option('选项2', 'value2'));
  } else if (selectedValue === 'option2') {
    secondSelect.options.add(new Option('选项3', 'value3'));
    secondSelect.options.add(new Option('选项4', 'value4'));
  }

  // 可以根据需要继续添加更多的选项判断逻辑

});