如何根据先前选择的值更改下拉选项？

<select id="previousSelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<select id="newSelect">
  <option value="default">Please select an option</option>
</select>

<script>
  const previousSelect = document.getElementById('previousSelect');
  const newSelect = document.getElementById('newSelect');

  previousSelect.addEventListener('change', function() {
    const selectedValue = previousSelect.value;

    // 根据先前选择的值更改下拉选项
    if (selectedValue === 'option1') {
      newSelect.innerHTML = `
        <option value="newOption1">New Option 1</option>
        <option value="newOption2">New Option 2</option>
      `;
    } else if (selectedValue === 'option2') {
      newSelect.innerHTML = `
        <option value="newOption3">New Option 3</option>
        <option value="newOption4">New Option 4</option>
      `;
    } else if (selectedValue === 'option3') {
      newSelect.innerHTML = `
        <option value="newOption5">New Option 5</option>
        <option value="newOption6">New Option 6</option>
      `;
    } else {
      newSelect.innerHTML = `
        <option value="default">Please select an option</option>
      `;
    }
  });
</script>