select更改其他select选项文本未更新时出现问题

// HTML
<select id="select1">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

<select id="select2">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

// JavaScript
document.getElementById('select1').addEventListener('change', function() {
  var selectedValue = this.value;
  updateSelect2Text(selectedValue);
});

function updateSelect2Text(selectedValue) {
  var select2 = document.getElementById('select2');
  var options = select2.options;
  
  for (var i = 0; i < options.length; i++) {
    var option = options[i];
    if (option.value === selectedValue) {
      option.text = '新文本';
    }
  }
  
  // 触发change事件
  var event = new Event('change');
  select2.dispatchEvent(event);
}