如何根据select值填充数组的select选项？

var options = [
  { value: 'option1', text: 'Option 1' },
  { value: 'option2', text: 'Option 2' },
  { value: 'option3', text: 'Option 3' }
];

<select id="mySelect"></select>

var select = document.getElementById('mySelect');

select.addEventListener('change', function() {
  var selectedValue = select.value;
  var selectOptions = document.getElementById('mySelectOptions');

  // 清空select选项
  selectOptions.innerHTML = '';

  // 根据选中的值填充select选项
  options.forEach(function(option) {
    if (option.value === selectedValue) {
      var optionElement = document.createElement('option');
      optionElement.value = option.value;
      optionElement.text = option.text;
      selectOptions.appendChild(optionElement);
    }
  });
});