如何在HTML中使特定下拉列表可链接

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

<a href="#" id="link">Go</a>

<select onchange="changeLink()">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<script>
  function changeLink() {
    var select = document.querySelector('select');
    var link = document.getElementById('link');
    var selectedValue = select.value;
    
    if (selectedValue === 'option1') {
      link.href = 'https://www.example.com/page1';
    } else if (selectedValue === 'option2') {
      link.href = 'https://www.example.com/page2';
    } else if (selectedValue === 'option3') {
      link.href = 'https://www.example.com/page3';
    }
  }
</script>