单击select中的值时滚动到div

<select id="mySelect">
  <option value="div1">Div 1</option>
  <option value="div2">Div 2</option>
  <option value="div3">Div 3</option>
</select>

<div id="div1">This is Div 1</div>
<div id="div2">This is Div 2</div>
<div id="div3">This is Div 3</div>

<script>
  var select = document.getElementById("mySelect");
  var div1 = document.getElementById("div1");
  var div2 = document.getElementById("div2");
  var div3 = document.getElementById("div3");

  select.addEventListener("change", function() {
    var selectedValue = select.selectedOptions[0].value;
    var targetDiv;

    if (selectedValue === "div1") {
      targetDiv = div1;
    } else if (selectedValue === "div2") {
      targetDiv = div2;
    } else if (selectedValue === "div3") {
      targetDiv = div3;
    }

    targetDiv.scrollIntoView();
  });
</script>